Marcus' scatter plot #1

Marcus' bar chart with axis formatting

This example shows a horizontal bar chart ranking the world’s 10 most populous cities by metro population, with formatted axis labels and gridlines. Data is loaded from a CSV file via `d3.csv`. The visualization uses `d3.scaleLinear` and `d3.scaleBand` to map values, `d3.axisBottom` with a custom `.tickFormat` to abbreviate numbers (e.g., converting G to B), and `d3.axisLeft`. Bars are rendered as SVG `rect` elements with a pink background and steelblue fill.

90% match

Marcus' bar chart with axis formatting

90% match

Marcus' bar chart exercise

This example shows the population of the 10 most populous cities as a horizontal bar chart, with city names on the y-axis and population counts on the x-axis. The visualization is rendered as an SVG using D3 v5, and the code imports specific modules (`select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`) from the D3 library. Population data is loaded from a local CSV file and converted from strings to numbers. The chart uses a band scale for the categorical axis and a linear scale for the quantitative axis, with axes generated via `axisLeft` and `axisBottom`. A pink background and steelblue bars style the output.

89% match

HW1 Q3 MS

This bar chart displays the population of the world's ten most populous cities, sorted by metropolitan population in descending order, using data from `worldData.csv`. The chart is rendered using D3.js, specifically employing `scaleLinear` and `scaleBand` for the x and y axes, with `axisBottom` and `axisLeft` to generate the axes. The visualization is built by creating rectangles for each bar, with a pink background and steelblue bars, and includes formatted axis labels and a title.

77% match

Kkhushburajan2015@gmail.com

RajanShah

This scatter plot visualizes the populations of major US cities, with each dot positioned along a vertical categorical axis for city names and a horizontal linear population scale. Dot size, color intensity, and position all encode population magnitude, while horizontal gridlines aid readability. Built with D3 v7, the visualization loads CSV data from a GitHub gist, uses `scalePoint` for the city axis, `scaleLinear` for population, and `scaleSqrt` for dot sizing. Hovering reveals a tooltip with the city name and exact population. The SVG renderer includes axis labels and a legend-free color scale using `interpolateBlues`.

Scatter Plot

This scatter plot displays the populations of the ten most populous countries, with each circle positioned along a categorical y-axis and a linear x-axis. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` and `scalePoint` for scaling, along with `axisLeft` and `axisBottom` to generate axes. Population data is loaded from a CSV file and converted to absolute numbers, while custom tick formatting abbreviates large values. The chart includes a title and axis labels, with gridlines created via tick sizes.

WWayne716

Scatter Plot

This bar chart displays the population of the top 10 most populous countries, with countries listed on the y-axis and their population values extending horizontally. The data, sourced from a CSV file, is rendered as SVG rectangles using D3 v5. The code employs `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the visualization, with tick labels formatted using `d3.format` and axis grid lines styled via CSS.

SSimmer999

Scatter plot

This scatter plot displays the populations of the world's ten most populous countries, with countries arranged along the y-axis and their population totals on the x-axis. The code uses D3 v6 APIs such as `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render the SVG visualization. Data is loaded from a CSV file via `csv` and plotted as circles, with each country's population multiplied by 1000.

BbeauMarko