johnson-tolo

@johnson-tolo·2 public vizzes

Fork of Customizing Axes

A horizontal bar chart displays the largest One Piece bounties, ranking pirates from Gol D. Roger's 5.56 billion down to Urouge's 108 million. The chart uses the `d3.scaleLinear` and `d3.scaleBand` APIs from D3 v5, with `d3.axisLeft` and `d3.axisBottom` for axes. The x-axis tick labels use `d3.format` with a custom replacement of 'G' with 'B' to convert billions. The data is loaded from a CSV file using `d3.csv`, and bars are rendered as SVG rectangles filled in steel blue.

Mar 2, 2021

Loading thumbnail…

Fork of Hello Vega Lite API

This visualization displays US zip codes as a scatter plot using an Albers USA projection, with each point colored by the first two digits of the zip code via a custom hue scale. The example leverages the vega-lite-api to construct a Vega-Lite specification programmatically, then renders it to a HiDPI canvas using Vega and Vega-Lite. Data comes from the Vega Datasets repository, and the rendering applies a scale factor for sharp retina display.

Mar 2, 2021