Introduction to Creative Computing 2026/2027: 🪞: Individual Work 2: Binary <-> Decimal. CamelCase. Converting between types. Data Self Portraits.
Back to slide index.

By the end of this workshop, we'll have covered:

• Converting between Binary and Decimal numbers
• What CamelCase is and why it's important to use it when naming variables
• How to convert between types in JavaScript
• Made Data Self Portraits

20 minutes: Converting between Binary and Decimal numbers

How would you convert between a binary number and a decimal number?

You could DuckDuckGo it! Or Google it.

Let's go through converting 42 from decimal to binary.

Let's go through converting 101011 from binary to decimal.

I'd like you to convert 71 from decimal to binary, manually! Write down your answer when you have it.

I'd like you to convert 10011 from binary to decimal, manually! Write down your answer when you have it.

Any questions? Bonus The Binary Game!.

5 minutes: What is CamelCase? Why might it be important to use when naming your variables?

Any questions?

5 minutes: How to convert between types in JavaScript

Let's take a look at the JavaScript.info chapter on converting between types. Why might you want to do this?

Any questions?

30 minutes: Code based Data Self Portraits

The exercise we are about to do was inspired by Dear Data, a project by Stefanie Posavec and Giorgia Lupi. There is also a great TED talk about it by Giorgia, and instructions on how to draw your own data selfie.

Here is my code based Data Self Portrait, in JavaScript:

      let fullName = "Joel Gethin Lewis";
      let currentAge = 41;
      let isLeftHanded = true;
      let numberOfBirthmarks = 1;
      let heightInCM = 182.88;
      let weightInKG = 82.8;
    

You have 30 minutes to make your own Data Self Portraits. Go!

Let's share them! How would you visualise them?

Have you started making your portfolio of sketches and your reflective statement? See the unit wiki for links to places to help you make your own if you get stuck. I'd REALLY recommend adding to your GitHub page every week, and your reflective statement. An hour a week in these individual sessions will make a BIG difference and you won't be in a rush at the end of the unit. Have you tried the Share option in the File menu of editor.p5js.org? It's a great way of getting URLs to add to your portfolio of sketches.

Any questions?

Thanks! Time for lunch. See you next week!
Back to slide index.