Heightmap with Hexagonal Binning
Each cell takes the mean value as its color.
<?php | |
/*********************************/ | |
/*** Options de développement ***/ | |
/*********************************/ | |
// Désactiver le cache de SPIP | |
// -1: inactif | |
// 1: actif | |
define('_NO_CACHE', -1); |
Heightmap with Hexagonal Binning
Each cell takes the mean value as its color.
A mix of isometric and word cloud "treemaps".
* { box-sizing : border-box; } | |
body { | |
background: #111; | |
color: #fff; | |
font-family: sans-serif; | |
font-weight:normal; | |
font-size: 13px; | |
margin:0; |
Basic waffle charts using Mike Bostock's [http://bost.ocks.org/mike/chart/](reusable charts) convention. Waffles are configurable, as you can see below:
var waffle = new WaffleChart()
.selector(".chart")
.data(data)
.useWidth(false)
.label("Value of producers' sales in 2013, in thousands of dollars")
Built with blockbuilder.org
This is a tool I built for Google News Lab to compare the Google search indexes of all presidential candidates
Playing around with the idea of snapping to a latlon grid, by rounding the latlon values of my mouse coordinates to 1 decimal place.
Not exactly sure how this will be useful, but it could be an interesting way to interact with a values binned to a grid on the globe.
Built with blockbuilder.org
Inspired by Bernard J. S. Cahill's butterfly map of San Francisco trade routes.
Forked from mbostock's Waterman Polyhedron and using data from submarinecablemap.com.
height: 1250 |
license: CC0-1.0 |