Skip to content

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

Visualization Landscape

People/Examples

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.