Skip to main content
Log in
A

advaitkulkarni08

@advaitkulkarni08·6 public vizzes

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes relationships between engine cylinders and horsepower in the auto-mpg dataset, with each vehicle represented as a circle. The code uses D3 v5’s `scaleLinear` for the x-axis, `scalePoint` for the y-axis, and `axisLeft` and `axisBottom` to render gridlines and ticks. Data is loaded via `csv` from a remote URL, with numeric fields parsed before plotting. SVG circles are positioned using the scales, and axis labels are customized with formatting and styling.

Dec 31, 2019
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between vehicle weight and horsepower for a dataset of cars. Each semi-transparent steel-blue circle represents a single car model, with the chart titled "Horsepower vs Weight." The visualization uses D3 v5 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to compute scales and render SVG axes. Data is loaded via `csv()` from the auto-mpg dataset, with numeric fields parsed before rendering. Grid lines are created through axis tick sizing, and axis labels are added as SVG text elements.

Dec 31, 2019
Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of the top 10 most populous countries in 2018. It uses D3 v5 with SVG rendering to create a clear, labeled visualization. The code employs `scaleLinear` and `scalePoint` for positioning, `axisLeft` and `axisBottom` for the axes, and format specifiers to abbreviate large population numbers. Data is loaded from a local CSV file containing country names and population estimates from the United Nations World Population Prospects.

Dec 31, 2019
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the world’s ten most populous countries, based on 2018 estimates from the United Nations. The visualization demonstrates custom axis styling, including formatted tick labels, removed grid lines, and axis titles. Using d3.scaleLinear and d3.scaleBand, the chart maps population values and country names, while d3.axisLeft and d3.axisBottom render the axes with custom tick formatting that converts large numbers to abbreviated units.

Dec 29, 2019
Loading thumbnail…

Customizing Axes

This bar chart displays the populations of the world’s ten most populous countries, based on 2018 estimates from the United Nations. The visualization demonstrates custom axis styling, including formatted tick labels, removed grid lines, and axis titles. Using d3.scaleLinear and d3.scaleBand, the chart maps population values and country names, while d3.axisLeft and d3.axisBottom render the axes with custom tick formatting that converts large numbers to abbreviated units.

Dec 29, 2019
Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. Built with D3 v5 and rendered as SVG, the example uses `d3.csv` to load the data, `scaleLinear` and `scaleBand` for scales, and `axisLeft` and `axisBottom` for customizable axes, with bars styled via CSS.

Dec 28, 2019