Brian Lehman blehman

Stopped force

As a React test project, this bl.ock was converted into React components for Boulder's D3js Meetup.

Circular Layout

This example takes Mike Bostock's original circular layout to D3.v5. Some code was left in this example as a talking point for discussing d3.v5 and reusable charts.

Features

Reusable charts

The idea here is to implement the reusable chart technique; however, this technique is only setup in this example and not actually used.

D3.V5

The use of Promise.all() does pull data, but this example does not use this data in the actual visualization. Hopefully, this example's usage of promise will be helpful for iterative thinking and lay the groundwork for what our community will improve.

Voronoi of the 50 largest urban areas in the US (d3.v4)

Updating Neil Freeman’s Block to d3.v4 that was riffing on the State Capitals Voronoi from Jason Davies, and using his spherical voronoi script.

	{
	"config": {
	"view": {"continuousWidth": 300, "continuousHeight": 300},
	"axis": {"titleFont": "Courier", "titleFontSize": 15},
	"axisBottom": {
	"labelColor": "gray",
	"titleColor": "gray",
	"titleFont": "Courier"
	},
	"axisLeft": {

	{
	"config": {
	"view": {"continuousWidth": 300, "continuousHeight": 300},
	"axis": {"titleFont": "Courier", "titleFontSize": 15},
	"axisBottom": {
	"labelColor": "gray",
	"titleColor": "gray",
	"titleFont": "Courier"
	},
	"axisLeft": {

	{
	"config": {
	"view": {"continuousWidth": 300, "continuousHeight": 300},
	"axis": {"titleFont": "Courier", "titleFontSize": 15},
	"axisBottom": {
	"labelColor": "gray",
	"titleColor": "gray",
	"titleFont": "Courier"
	},
	"axisLeft": {

	{
	"config": {
	"view": {"continuousWidth": 300, "continuousHeight": 300},
	"axis": {"titleFontSize": 15},
	"legend": {
	"labelFont": "Courier",
	"labelFontSize": 15,
	"labelOverlap": false,
	"symbolSize": 400,
	"symbolStrokeWidth": 5,

	license: mit
	border: no

	license: gpl-3.0
	height: 960