Scatterplot project

100%

Scatterplot project

✓ Published0🌍 Public

Last edited Sep 22, 2019

Created on Sep 22, 2019

This scatterplot charts country economies as circles, with the x-axis representing economy values from a CSV file and the y-axis listing country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render axes, while `select`, `append`, and `data` methods position circles at scaled coordinates. The SVG canvas is 960 by 500 pixels, and the chart includes a title noting countries that consume the most electricity. The graph remaps numeric string values from the data source using `+d.economies` before rendering.

AI-generated description

<body><p> This is a scatterplot graph I created with the help of Curran Kelleherr Youtube video</p></body>

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot displays the ten most populous countries, with each circle representing a nation’s population on the x-axis and country name on the y-axis. The code uses D3 v5’s `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to construct the chart, and loads data from a CSV file via `d3.csv`. Circles are rendered as SVG elements, with axis ticks and labels styled through CSS. The x-axis uses a custom tick format that abbreviates large numbers by converting gigabytes to billions.

MMiguel-GC

78% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the populations of nine countries from a CSV file, with country names on the y-axis and population on the x-axis. Built with D3 v5, it loads the data via `d3.csv` and uses `scaleLinear` and `scalePoint` to map values to SVG coordinates. The chart includes axes from `axisLeft` and `axisBottom`, grid lines, and a title, while circles are rendered with a fixed radius of 18 pixels. The styling is applied through external CSS, and the visualization updates dynamically after parsing the data.

SSophia Murage

78% match

Loading thumbnail…

Scatter Plot

A scatter plot displays population figures for the five most populous countries, with circles positioned along a linear scale for population size and a point scale for country names. The chart includes labeled axes, gridlines, and a title, with data loaded from a CSV file using `d3.csv`. The visualization is rendered as an SVG using D3 v5, utilizing `scaleLinear`, `scalePoint`, `axisLeft`, `axisBottom`, and `selectAll` to bind data to circle elements.

PPulkit Rohilla

78% match

Loading thumbnail…

Bar Chart Project

This bar chart displays the top ten economies by country, with bars scaled to represent economic values in thousands. Built with D3 v5, the visualization uses `d3.csv` to load data from a CSV file, `scaleLinear` for the x-axis, and `scaleBand` for categorical y-axis positioning. The SVG rendering includes axes via `axisLeft` and `axisBottom`, while rectangular elements are appended and sized programmatically. The chart, based on Curran Kelleher’s tutorial, is entirely client-side with no interaction.

Iisidro12345

78% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the ten largest countries, with circles positioned along a point scale for country names and a linear scale for population values. The visualization loads CSV data via `d3.csv`, converts population strings to numbers, and renders SVG circles with `d3.axisBottom` and `d3.axisLeft` for labeled axes. Axis ticks are formatted using `d3.format` to abbreviate large numbers into billions. The chart includes a title and uses CSS for circle styling and typography.

BBendrog

78% match

Loading thumbnail…

Scatter Plot

A scatter plot displays population sizes for the ten most populous countries, with each circle positioned along a categorical y-axis for country names and a quantitative x-axis for population. The visualization uses D3 v7, building SVG output with scales from `scaleLinear` and `scalePoint`, axes via `axisBottom` and `axisLeft`, and formatting using `format`. Data loads from a CSV file, converting population values to thousands and rendering labeled, grid-lined axes.

Aadelgrosso

78% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the populations of ten countries, with each circle positioned along a linear population scale and a point scale for country names. The visualization reads population data from a CSV file, converts the values from thousands to absolute numbers, and renders the chart as an SVG. Using D3 v7, the code applies `scaleLinear` and `scalePoint` for axes, `axisBottom` and `axisLeft` for ticks, and `csv` for data loading. The chart includes formatted tick labels, gridlines, and a title, with circles colored steelblue.

陳陳泰元

78% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with each circle representing a country positioned along a linear population scale and a point scale for country names. The visualization uses d3.scaleLinear and d3.scalePoint to map data from the CSV file, with d3.axisLeft and d3.axisBottom generating gridlines and tick labels formatted via d3.format. Circles are rendered as SVG elements, and the chart includes a title and axis label, all styled through CSS.

JJordan Arnold

77% match