Revisiting javascript and D3

Ok, so this is a bit of a blast from the past.

There are a couple of Code Club students that are interested in HTML and generally manipulating web content.

I've agreed to have a look at Javascript and try to organise a few lessons.

Revising my old D3 code skills....

Some things to think about:


Code can be run on https://jsfiddle.net
This gives an online play area...
Three windows with HTML, CSS and Javascript
and then a result window.

JQuery Biolerplate can be added.
D3 can be added as a library here:

Currently No_Library but easy to add stuff...


There are some key things to understand:

• <div></div>
• var
• chaining

Some nice simple tutorial...

Probably worth encouraging students to work through both of the HTML projects or at least the one with Javascript...

Revisiting some simple D3 sources: https://www.dashingd3js.com/adding-an-svg-element

Observable might be an interesting tool but probably not right now...

https://beta.observablehq.com/playground

Other Javascript libraries are available:

https://blog.bitsrc.io/11-javascript-charts-and-data-visualization-libraries-for-2018-f01a283a5727

N.B. The trinket for the the Code Club project gives the answer - NOT good!

Other resources: 

• https://projects.raspberrypi.org/en/coderdojo
• https://bost.ocks.org/mike/bar/
• https://projects.raspberrypi.org/en/projects?software[]=html-css-javascript
• CSS Colour picker: https://www.quackit.com/css/css_color_codes.cfm