kaizer1v/d3mo

D3 visualisation experiments.

Choose marks and channels based on your data attribute types and tasks

Marks

• Points
• Lines
• Areas

Channels

• X & Y positions
• Colours (Hue, Saturation & Lumin)
• Size
• Shape

Types

• Quantitative: that can be measured (Eg: numbers)
• Orinal: Ordered but not 100% numerical (Eg: alphabetical order, colour names from light to dark)
• Categorical: Unordered and can't be measured (Eg: Country names)

Links

• The 17 hour youtube video which motivated me to build this repo

• Core ES6 features in this online book

• useState in react

• useEffect in react

• Data visualisation visual guide

• Natural Earth to get geojson file for the earth at different zoom levels

• Mapshaper to convert shape files into topojson

• TopoJSON World Atlas repo on github is packaged geojson files from Natural Earth available with NPM