EmberConf '22: Template-first Data Viz

All demo code and supporting links.

Running the demo

It's an Ember app of course!

npm i && npm start

Resources

Web pages shown during the talk

1. Learn D3: Animation, by Observable
2. CSS Variable line chart animation Codepen, by me

Referenced materials

1. D3 4.0 release notes
2. Data Viz Project (gallery of well curated chart types)
3. Navigating the Wide World of Data Visualization Libraries, by Kris Wongsuphasawat
4. Marimekko chart of GDP per person at PPP and share of global population, by The Economist
5. Ember Animated
6. Chartability: heuristics for ensuring that data visualizations, systems, and interfaces are accessible
   1. The POUR+CAF model
7. Glint: TypeScript-powered tooling for Glimmer templates
8. react-three-fiber: A React renderer for Three.js