Fenghua-Liu-Bose

@Fenghua-Liu-Bose·2 public vizzes

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles are placed using d3.scaleLinear for both axes, with gridlines from d3.axisBottom and d3.axisLeft. The code loads CSV data via d3.csv, converts numeric fields, and renders the SVG using D3 v5 selections and data joins. Axis labels and a title are appended as SVG text elements.

Nov 27, 2020

Loading thumbnail…

Customizing Axes Test

This bar chart displays the populations of the top 10 most populous countries in 2018, based on data from the United Nations World Population Prospects. It emphasizes customizing D3 axes: the x-axis uses tick formatting to abbreviate numbers (e.g., “B” for billions), while grid lines extend across the plot via `tickSize`. The y-axis labels remain unformatted. Built with D3 v5, the SVG chart uses `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`, with custom text elements for the title and axis label. Population values are multiplied by 1000 in the code.

Nov 27, 2020