Scatter Plot w. 1 Ordered Attribute

100%

Scatter Plot w. 1 Ordered Attribute

✓ Published2🌍 Public

Jjf1978

Last edited Jun 2, 2020

Created on Jun 2, 2020

This scatter plot shows the land area of Sweden, Greenland, and the US as circles on a linear x-axis and categorical y-axis, with gridlines marking each tick. The code uses D3 v5’s `csv` loader, `scaleLinear` and `scalePoint`, and `axisBottom`/`axisLeft` to render the SVG. Circles receive a fixed radius, and the x-axis formats values with `.1s` notation. The chart reads from `data.csv`, which contains country names and sizes in square kilometers.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Customizing Axes

The graphic compares the land sizes of Sweden, Greenland, and the US using horizontal bars, drawn as SVG rectangles scaled with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. The chart customizes both axes: the left axis has its domain and tick lines removed, while the bottom axis removes its domain line, adds gridlines via d3.axisBottom with d3.format(".1s") tick labels, and includes a manual "Population" label. Data is loaded from data.csv using d3.csv, and rendering is handled through d3.select and SVG element appends.

Jjf1978

80% match

Loading thumbnail…

Scatter Plot w. 2 Quantitative Attributes

A scatter plot displays the relationship between two quantitative attributes, population and price, for three countries. Each circle represents a country, with its position determined by these values and its size scaled by mileage. The visualization uses D3 v5 to load CSV data from a Google Sheet and render an SVG. It employs `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while the data mapping occurs through the `csv` and `select` functions.

Jjf1978

78% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with circles positioned along a linear x-axis for population values and a point scale y-axis for country names. The visualization uses D3 v6 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, rendered as SVG. Data loads from a CSV file via `d3.csv`, with population values converted from thousands. Grid lines, tick formatting, and an axis label enhance readability.

Llarsboergo

76% match

Loading thumbnail…

ScatterPlot

A scatter plot displays population totals for ten countries, with each circle positioned along a linear population axis and a point scale for country names. The chart uses D3 v5, loading data from a CSV file and rendering to SVG. It applies `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, with formatted tick labels that convert billions to abbreviated notation and grid lines via tick sizes.

KKyllVis

76% match

Loading thumbnail…

Ordinal Scatter Plot

This ordinal scatter plot displays population estimates for countries, using a linear scale for population and a point scale for country names. The data comes from a CSV file, and the chart renders as SVG circles. The code uses D3 v5 functions including `scaleLinear`, `scalePoint`, `axisBottom`, and `axisLeft`, with a custom tick formatter that abbreviates large numbers using `format`.

Kkratzbuerste

76% match

Loading thumbnail…

D3 Stuff:Cars Scatterplot

This scatterplot visualizes country-level data, plotting each nation as a circle based on its coverage value against another measured metric. The D3.js v5 code loads data from a CSV file, uses linear scales to map values to x and y coordinates, and renders the circles within an SVG container. The visualization includes axes, axis labels, and a legend, with styling applied through CSS to control circle opacity and appearance.

Ddanjaruss

75% match

Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries as circles along a linear x-axis and a point-scale y-axis. Using D3.js v5, the code loads data from a CSV, applies a scaleLinear for population and scalePoint for country names, and renders axes with tick formatting using the format function. Circles are appended via a data join, with a custom title and axis labels, while tick lines and domain elements are removed for a cleaner appearance.

MMelina

75% 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

75% match