Web Related
Static Site Generators
A list of Static Site Generators
There's a lot of them, Gatsby is probably the newest, using React and can create large ecommerce websites. It's more complex though.
Dribbble - best of the web
Documentation Generators
- Docsify - what I used for the SGSA website, vue.js based
- Docusaurus - what the personal docs are made from. reactjs based.
Web Design
- Best Reference for Flexboxes -- css tricks
- Interneting is Hard - overall resrouce with html and css
Visualization Landscape
People/Examples
- Nadieh Bremer - lots of stunning visualizations
- Elijah Meeks - Wrote d3 in action
- 2d animation - artisted my favorite cat game from google on halloween!
- Kevin Quealy - Graphics Editor at NYT
Extensions to D3
- Dimple - pretty basic graphics that look nice, not sure if they're very extensible, but you've used these before!
- nvd3 (~6k stars)
Non-d3 for the web
- Vega - visualization grammar
- Vega-Lite - higher level grammar that compiles to Vega.
- HTML Libraries
- Chartjs - most popular framework.
- Baidu Echarts - very nice library of a lot of different charts. Some documentation is in chinese.
- MetricGraphics.js - optimized for timeseries
- Highcharts - easy to use interactive charts... (7k stars)
- Chartist - pretty unique abilities, more responsive and simple.
- React Charting
- Recharts - reusable react components (12k stars)
- Python Libraries
- Altair - the python library built on Vega and Vega-Lite
- Holoviews - Python library for interactive visualization
- Datashader - python based to create meaningful representations of large datasets.
Javascript
Definitions
Node - asynchronous event driven JavaScript server-side runtime (javascript outside of the browser)
NPM vs Yarn - both package managers for Node, npm is the one built in, yarn is the one that is facebook open source.
Grunt vs Gulp vs Webpack - both are tas runners, automating basic tasks in web dev. ie processing sass files. Webpack bundles a bunch of stuff into a few final files. Then all the modules that depend on each other it'll help package it all up into static assets. Also has a little task runner included. Webpack has become WAY more popular.
Packages
- budo - could help with rapid development. Nadieh Bremer uses it for live refresh I think
- rough.js - make graphics with a sketch appearance, which looks really nice! and custom!
Some Cool Visualizations
Free Congress - how money controls government Visual Information Theory - visualizing what information theory means.