Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dingoeatingfuzz/emberconf-22

Materials for my EmberConf 22 Talk: Template-first Data Viz
https://github.com/dingoeatingfuzz/emberconf-22

Last synced: 3 months ago
JSON representation

Materials for my EmberConf 22 Talk: Template-first Data Viz

Awesome Lists containing this project

README

        

# EmberConf '22: Template-first Data Viz

All demo code and supporting links.

## Running the demo

It's an Ember app of course!

```shellsession
npm i && npm start
```

## Resources

### Web pages shown during the talk

1. [Learn D3: Animation, by Observable](https://observablehq.com/@d3/learn-d3-animation)
2. [CSS Variable line chart animation Codepen, by me](https://codepen.io/DingoEatingFuzz/pen/LYeyoaJ)

### Referenced materials

1. [D3 4.0 release notes](https://github.com/d3/d3/blob/main/CHANGES.md#changes-in-d3-40)
2. [Data Viz Project (gallery of well curated chart types)](https://datavizproject.com/)
3. [Navigating the Wide World of Data Visualization Libraries, by Kris Wongsuphasawat](https://medium.com/nightingale/navigating-the-wide-world-of-web-based-data-visualization-libraries-798ea9f536e7)
4. [Marimekko chart of GDP per person at PPP and share of global population, by The Economist](https://www.economist.com/finance-and-economics/2014/05/01/the-dragon-takes-wing)
5. [Ember Animated](https://github.com/ember-animation/ember-animated)
6. [Chartability: heuristics for ensuring that data visualizations, systems, and interfaces are accessible](https://chartability.fizz.studio/)
1. [The POUR+CAF model](https://github.com/Chartability/POUR-CAF)
7. [Glint: TypeScript-powered tooling for Glimmer templates](https://typed-ember.gitbook.io/glint)
8. [react-three-fiber: A React renderer for Three.js](https://github.com/pmndrs/react-three-fiber)