This website is designed to help you understand some basic git concepts visually. This one would’ve come in handy back when I was teaching my students Git, in addition to the slides I used back then (2014). Visualizing Git Concepts with D3 →
Tag Archives: d3
Create interactive SVG maps in React with react-simple-maps
react-simple-maps is a library of React components to make SVG maps using d3-geo and topojson. react-simple-maps → Whilst looking further I’ve stumbled upon these two Medium posts detailing an implementation: How to create pure react SVG maps with topojson and d3-geo → Mapping Tutorial: Combining Victory Charts and React-Simple-Maps →
D3 in Depth: Rendering Geographic Information
D3 in Depth has dedicated a chapter to rendering geographic information. D3’s approach differs to so called raster methods such as Leaflet and Google Maps. Typically D3 requests vector geographic information in the form of GeoJSON and renders this to SVG or Canvas in the browser. D3 in Depth: Rendering Geographic Information →
d3-shape – Graphical primitives for visualization, such as lines and areas.
d3-shape: a small JavaScript library for drawing geometric shapes commonly found in data visualizations, with each shape driven by data through accessor functions. It works with both SVG and Canvas. Introducing d3-shape → d3-shape (GitHub) →
Textures.js – SVG patterns for Data Visualization
Textures are useful for the selective perception of different categories var svg = d3.select(“#example”) .append(“svg”); var t = textures.lines() .thicker(); svg.call(t); svg.append(“circle”) .style(“fill”, t.url()); A multitude of predefined styles is available. It’s also possible to define your own styles. Textures.js →
dimple – A simple charting API for d3 data visualisations
The aim of dimple is to open up the power and flexibility of d3 to analysts. It aims to give a gentle learning curve and minimal code to achieve something productive. It also exposes the d3 objects so you can pick them up and run to create some really cool stuff. dimple → dimple Examples …
Continue reading “dimple – A simple charting API for d3 data visualisations”
U.S. Midterm Elections 2014 Maps
Why are we so confident these are the most detailed maps you’ll ever see from the 2014 Senate elections? Precincts are the smallest level of geography for publicly-reported election results. There were more than 175,000 precincts in the United States in 2012, fifty times the number of counties. The maps here show precinct-level results, where …
MetricsGraphics.js
MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic …
RAW – The missing link between spreadsheets and vector graphics
Just paste in some data from Excel, choose a style, map the dimensions, and you’re good to go. Built on top of D3.js RAW →
Graphene
Graphene is a realtime dashboard & graphing toolkit based on D3 and Backbone. It was made to offer a very aesthetic realtime dashboard that lives on top of Graphite Graphene →