Final funny comment: "Remember, even your self-concept could use some touch-ups!"
Javascript Code
// Concept Map - Understanding the Self
// Setting up the canvas
// Title: Concept Map - Understanding the Self
// Drawing the main concept
ctx.fillStyle = '#FFC300'; // Yellow
ctx.fillRect(128, 256, 256, 128); // Main rectangle representing self-concept
// Drawing the sub-concepts
ctx.fillStyle = '#FF5733'; // Orange
ctx.fillRect(32, 128, 128, 64); // Self-schemas rectangle
ctx.fillStyle = '#C70039'; // Red
ctx.fillRect(352, 128, 128, 64); // Self-esteem rectangle
ctx.fillStyle = '#900C3F'; // Dark Red
ctx.fillRect(32, 352, 128, 64); // Self-efficacy rectangle
ctx.fillStyle = '#581845'; // Purple
ctx.fillRect(352, 352, 128, 64); // Self-perception rectangle
ctx.fillStyle = '#FF851B'; // Light Orange
ctx.fillRect(192, 32, 128, 64); // Social-comparisons rectangle
ctx.fillStyle = '#FFDC00'; // Bright Yellow
ctx.fillRect(192, 480, 128, 64); // Reflected appraisals rectangle
ctx.fillStyle = '#2ECC71'; // Green
ctx.fillRect(32, 32, 128, 64); // Culture influences rectangle
ctx.fillStyle = '#0074D9'; // Blue
ctx.fillRect(352, 480, 128, 64); // Limitations of introspection rectangle
// Adding labels
ctx.font = 'bold 12px Arial';
ctx.fillStyle = '#000000'; // Black
ctx.fillText('Self-concept', 208, 320); // Self-concept label
ctx.fillText('Self-schemas', 96, 160); // Self-schemas label
ctx.fillText('Self-esteem', 416, 160); // Self-esteem label
ctx.fillText('Self-efficacy', 96, 384); // Self-efficacy label
ctx.fillText('Self-perception', 400, 384); // Self-perception label
ctx.fillText('Social-comparisons', 208, 80); // Social-comparisons label
ctx.fillText('Reflected appraisals', 208, 528); // Reflected appraisals label
ctx.fillText('Culture influences', 96, 80); // Culture influences label
ctx.fillText('Limitations of introspection', 400, 528); // Limitations of introspection label
// Connecting the concepts
ctx.strokeStyle = '#000000'; // Black
ctx.lineWidth = 2;
// Connecting self-concept to self-schemas
ctx.beginPath();
ctx.moveTo(256, 256);
ctx.lineTo(96, 160);
ctx.stroke();
// Connecting self-concept to self-esteem
ctx.beginPath();
ctx.moveTo(384, 256);
ctx.lineTo(416, 160);
ctx.stroke();
// Connecting self-concept to self-efficacy
ctx.beginPath();
ctx.moveTo(256, 384);
ctx.lineTo(96, 384);
ctx.stroke();
// Connecting self-concept to self-perception
ctx.beginPath();
ctx.moveTo(384, 384);
ctx.lineTo(416, 384);
ctx.stroke();
// Connecting self-concept to social-comparisons
ctx.beginPath();
ctx.moveTo(256, 256);
ctx.lineTo(256, 80);
ctx.stroke();
// Connecting self-concept to reflected appraisals
ctx.beginPath();
ctx.moveTo(256, 384);
ctx.lineTo(256, 528);
ctx.stroke();
// Connecting self-concept to culture influences
ctx.beginPath();
ctx.moveTo(256, 256);
ctx.lineTo(96, 80);
ctx.stroke();
// Connecting self-concept to limitations of introspection
ctx.beginPath();
ctx.moveTo(256, 384);
ctx.lineTo(416, 528);
ctx.stroke();
// Final funny comment: "Remember, even your self-concept could use some touch-ups!"
AI
Model: gpt-3.5-turbo-16k-0613
Time: 25 seconds
Prompt Tokens: 237
Completion Tokens: 862
Total Token Cost: 1099
balloon party
beautiful beach
cute puppy dog
happy cat
house