30343615

@30343615·2 public vizzes

Customizing Axes

This bar chart displays the 2018 populations of the top 10 most populous countries, with data from the UN World Population Prospects. It demonstrates how to customize D3 axes by removing default domain lines, styling tick labels and grid lines, and applying a custom tick format that converts values like 1.41G to 1.41B. The chart uses `d3.select`, `d3.csv`, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft`, rendering as SVG with custom title and axis labels.

Feb 24, 2020

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, plotting horsepower (labeled “HE provider” on the x-axis) against weight (on the y-axis). Each red semi-transparent circle represents a vehicle, with axes rendered using d3.axisBottom and d3.axisLeft. The visualization uses d3.scaleLinear for both scales, d3.csv for data loading, and d3.extent to set domains. SVG rendering displays the data with styled tick labels, axis labels, and a title.

Feb 24, 2020