Activity 1: Time for a Challenge!

Type : Interactive Activity

Here you see a simple Data Table, which expresses a list of items and their value, and below its visualization in bars.

Step 1: Go to this CodePen link or scan the QR code

Step 2: Find the input field at the top. Write  ‘Orange’ in the first field with a value of 5 in the second field.

Great job so far!

However, you notice that although  you can add as many new options as you want, you cannot change the existing ones from the user point of view. 

Step 3: Experiment tweaking the simple code above and find a way to change the name of Item 1 and Item 2.

It’s simpler than you think!

Lesson Content