Woot! Biliary Tree Anatomy complete! Now let's do some surgery!
Javascript Code
// Biliary Tree Anatomy
ctx.fillStyle = '#3A3F44'; // Color of the background
ctx.fillRect(0, 0, 512, 512); // Draw background
// Main tree
ctx.strokeStyle = '#B0C4DE'; // Color of the tree
ctx.lineWidth = 2; // Line width of the tree
ctx.beginPath();
ctx.moveTo(400, 250); // Start from the tip
ctx.lineTo(256, 128); // Left branch
ctx.moveTo(400, 250); // Return to the tip
ctx.lineTo(256, 372); // Right branch
ctx.stroke();
// Left branch
ctx.strokeStyle = '#B0C4DE'; // Color of the branch
ctx.lineWidth = 2; // Line width of the branch
ctx.beginPath();
ctx.moveTo(256, 128); // Start from the tip
ctx.lineTo(192, 64); // Left branch
ctx.moveTo(256, 128); // Return to the tip
ctx.lineTo(320, 64); // Right branch
ctx.stroke();
// Right branch
ctx.strokeStyle = '#B0C4DE'; // Color of the branch
ctx.lineWidth = 2; // Line width of the branch
ctx.beginPath();
ctx.moveTo(256, 372); // Start from the tip
ctx.lineTo(192, 432); // Left branch
ctx.moveTo(256, 372); // Return to the tip
ctx.lineTo(320, 432); // Right branch
ctx.stroke();
// Draw the bile ducts
ctx.fillStyle = '#68838B'; // Color of the bile ducts
ctx.fillRect(192, 64, 128, 368); // Draw the bile ducts
// Draw the gallbladder
ctx.beginPath();
ctx.fillStyle = '#FFCD00'; // Color of the gallbladder
ctx.arc(256, 250, 64, 0, 2*Math.PI); // Draw the gallbladder
ctx.fill();
// Draw the bile capusles
ctx.fillStyle = '#FFCD00'; // Color of the bile capsules
ctx.fillRect(256, 128, 64, 32); // Draw left bile capsule
ctx.fillRect(256, 352, 64, 32); // Draw right bile capsule
// Draw the text
ctx.fillStyle = '#3A3F44'; // Color of the text
ctx.font = '20px Arial'; // Font type and size
ctx.fillText('Common Bile Duct', 192, 64); // Write 'Common Bile Duct'
ctx.fillText('Gallbladder', 192, 250); // Write 'Gallbladder'
ctx.fillText('Hepatic Ducts', 192, 432); // Write 'Hepatic Ducts'
// Draw the smiley face
ctx.fillStyle = '#FFCD00'; // Color of the smiley face
ctx.beginPath();
ctx.arc(256, 250, 32, 0, Math.PI, false); // Draw the smile
ctx.stroke();
ctx.moveTo(240, 250); // Set the start point of the eyes
ctx.arc(240, 250, 8, 0, 2*Math.PI); // Draw the left eye
ctx.moveTo(272, 250); // Set the start point of the eyes
ctx.arc(272, 250, 8, 0, 2*Math.PI); // Draw the right eye
ctx.fill();
// Woot! Biliary Tree Anatomy complete!
// Now let's do some surgery!
AI
Model: text-davinci-003
Time: 31 seconds
Prompt Tokens: 118
Completion Tokens: 869
Total Token Cost: 987
accurate bicycle
balloon party
beautiful beach
cute puppy dog
happy cat
house
new business logo