Making a Scatter Plot

100%

Making a Scatter Plot

✓ Published0🌍 Public

Last edited Apr 4, 2019

Created on Apr 4, 2019

This scatter plot visualizes the populations of ten Indian cities from the 2011 census, with city names on the vertical axis and population on the horizontal axis. The horizontal axis uses a linear scale with tick labels formatted in abbreviated units. The chart is rendered as SVG using D3 v5, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the categorical y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes from the `data.csv` file.

AI-generated description

This scatterplot shows population of 10 randomly pickedup cities of India. The data comes from the year 2011 cencus estimate in Wikipedia : List of cities in India by population.

MIT Licensed

Similar vizzes

Loading thumbnail…

Making a Scatter Plot!

This scatter plot displays the population of ten countries, using the y-axis for country names and the x-axis for population values. It visualizes the data from a CSV file, with circles representing each country. The chart is built with D3 version 5, using `scaleLinear` and `scalePoint` for axes, `axisLeft` and `axisBottom` for ticks, and custom tick formatting to abbreviate large numbers. The SVG rendering includes grid lines, axis labels, and a title, with pink circles and orange strokes.

Hhimanshigoyal23

83% match

Loading thumbnail…

Making a Bar Chart

This bar chart displays the 2011 census population estimates for ten Indian cities, including Mumbai, Bengaluru, and Mysuru, using a horizontal layout. The visualization relies on D3 v5, with a linear scale for population values and a band scale for city names, alongside `d3.axisBottom` and `d3.axisLeft` to render tick marks. Bars are drawn as SVG rectangles, filled in steelblue, with population labels formatted in abbreviated units via `d3.format`. The data is loaded asynchronously from a CSV file using `d3.csv`, which then triggers the rendering function.

AArvind Lairenjam

82% match

Loading thumbnail…

Scatter plot

This chart displays population figures for ten countries using a scatter plot, where each circle’s horizontal position corresponds to its population value and its vertical position aligns with the country name. The visualization is built with D3 v5, using `scaleLinear` and `scalePoint` to map data, `axisBottom` and `axisLeft` for the axes, and SVG rendering. Data is loaded from a local CSV file and formatted with a compact tick format.

Kkaviya-ds

81% match

Loading thumbnail…

Making Scatter Plot

This bar chart shows the top 10 most populous countries, with horizontal bars representing each nation's population. Population values are read from a CSV file and scaled using `scaleLinear`, while country names are positioned on the y-axis with `scaleBand`. The visualization uses D3 v5, with axes rendered via `axisLeft` and `axisBottom`, and the overall layout draws inside an SVG canvas. Data is loaded asynchronously using the `csv` method, and bars are styled with the `rect` element.

RRohit K Bharadwaj

80% match

Loading thumbnail…

Scatter Plot

This scatter plot shows the population of nine South Asian countries, with each circle’s horizontal position encoding population size and its vertical position arranged by country name. The code loads data from a CSV file using `d3.csv`, then applies `d3.scaleLinear` for the x-axis and `d3.scalePoint` for the y-axis, rendering circles as SVG elements. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while population values are formatted with `d3.format` to abbreviate large numbers. The visualization uses a fixed 960×500 SVG canvas with custom margins and styled tick labels.

Mmedhedijebara

80% match

Loading thumbnail…

ScatterPlot

A scatterplot displays the population of the ten most populous countries, with each circle’s position encoding population on the x-axis and country on the y-axis. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scalePoint for scaling, and d3.axisBottom and d3.axisLeft with grid lines. Circles are appended as SVG elements with a fixed radius, while axis labels and a title are added via d3 selections. The chart renders population values in thousands, formatted with d3.format.

SSagar Malviya

80% match

Loading thumbnail…

Scatterplot

This scatterplot displays the populations of six cities, with circles positioned along a point scale for city names and a linear scale for population values. The visualization uses D3 v7’s `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft` to render an SVG chart with gridlines and labeled axes. Population data is loaded from a CSV file via `d3.csv`, and tick labels are formatted using `d3.format` to abbreviate large numbers. The circles are styled with a steelblue fill, and the chart includes a descriptive title.

Ssheafallick

79% match

Loading thumbnail…

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

79% match