Create With Data (@createwithdata) header
Create With Data (@createwithdata) profile picture

Data visualisation articles and books by @peter_r_cook. (Name changed from @animateddata.)

Brighton, UK
Joined March 2013
I'm launching a new course Visualising Data with JavaScript on 17 Nov. It shows how to use Chart.js, Leaflet and React to build data dashboards like this jsvis-data-story.surge.sh createwithdata.com/visualisi…
3
7
950
I've been working on a new course Visualising Data with JavaScript. It shows how to use Chart.js, Leaflet and React to build data stories like this jsvis-data-story.surge.sh Launches on Nov 17 createwithdata.com/visualisi…
1
256
You can build a data dashboard using React, Chart.js and Leaflet and I show you how in a 38 minute video (5/7)
1
16
You'll also learn how to build a data-driven map using Leaflet (@LeafletJS) (4/7)
1
17
It includes a single lesson on D3.js (@d3js_org) and shows how to build a simple custom data visualisation (3/7)
1
24
You'll learn about @chartjs (one of the most popular JavaScript charting libraries) and learn how to make and style simple charts (2/7)
1
18
Very excited to announce my new course Visualising Data with JavaScript launches on Nov 17. It contains 2.5 hours of video content, code examples, two eBooks and shows you how to make charts, maps, data stories and data dashboards using JavaScript. createwithdata.com/visualisi… (1/7)
1
1
4
517
D3.js is a JavaScript library so it's vital you know JavaScript fairly well. This book covers the fundamentals (variables, data types, arrays, objects and functions). It also covers iteration (forEach and map) which is VERY common when working with data! #d3js #javascript
1
It even covers CSS positioning, which can get REALLY confusing! I'm not promising to explain all, but it covers how HTML elements are positioned (block and inline) and also covers Flexbox, which lets you solve most layout problems. #css #flexbox
1
CSS is vital for positioning and styling HTML and SVG elements. The book goes through the basics, and lists out commonly used properties for HTML and SVG. It also covers CSS ids and classes which are essential when visualising data with D3. #d3js #css
1