Skip to main content
SimilarExport ZIP
100%

Lab3

✓ Published1🌍 Public
XXuân Vinh
Last edited Oct 26, 2023
Created on Oct 25, 2023

This scatter plot visualizes Vietnamese provinces by population on the x-axis and GRDP per capita on the y-axis, with circle size encoding land area and color representing population density. The D3.js code loads CSV data via `d3.csv`, uses `scaleLinear` for axes, `scaleSqrt` for area-proportional circles, and `scaleOrdinal` with `schemeCategory10` for discrete density colors. Axes are generated with `axisBottom` and `axisLeft`, while `opacity` reduces overplotting. The SVG rendering is fixed at 600×300 pixels with margins, and the data originates from a GitHub-hosted CSV file.

AI-generated description

A reproduction of a Sol LeWitt art piece.

MIT Licensed

Similar vizzes

Loading thumbnail…

Lab 4

This interactive bar chart displays the GRDP of Vietnamese provinces, with bars colored on a sequential orange scale and labeled by province name. Users can dynamically add or remove provinces via buttons, triggering transitions that highlight bars in green before restoring their color. Built with D3 v7, the visualization uses `scaleLinear`, `scaleBand`, `d3.axisBottom`, and `d3.axisLeft` to render SVG elements. Data is loaded as CSV from a remote URL, and each update clears and redraws the chart to reflect the current dataset.

XXuân Vinh
84% match
Loading thumbnail…

Scatter Plot

A scatter plot displays the population of the top 10 most populous countries, with each country represented by a circle positioned along a linear scale for population and a point scale for country names. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom`, rendering as SVG. Population values from the CSV are multiplied by 1,000, and the x-axis tick labels format large numbers using D3's `format` function. Grid lines extend across the chart via tick sizes, while axis labels and a title annotate the plot.

Llinh-pham-nz
70% match
Loading thumbnail…

barGraph Projet

This bar chart visualizes country populations in 2022, using data from a CSV file and a pre-aggregated JSON dataset. It presents a dual encoding with rectangular bars and overlaid blue circles, and includes ascending/descending sort buttons with animated transitions via `transition().duration()`. The visualization uses D3 v5 scales (`scaleBand`, `scaleLinear`), axes (`axisLeft`, `axisBottom`), and mouseover tooltips to display country details. The SVG-rendered chart updates dynamically on button clicks.

Llanphuonglenguyen
70% match
Loading thumbnail…

Scatter Plot

Using d3.csv to load population data for ten countries, this scatter plot displays each nation as a circle positioned along a linear x-axis for population and a point scale y-axis for country names. The visualization uses d3.axisBottom and d3.axisLeft with custom tick formatting that abbreviates large numbers, while SVG circles are rendered with a fixed radius. Population values from the CSV are multiplied by 1000, and the chart includes labeled axes and a title.

Bben-chin-43
70% match
Loading thumbnail…

Scatter plot

This scatter plot displays the population of the ten most populous countries, with each circle’s horizontal position and vertical alignment corresponding to population size and country name. The visualization uses D3 v5’s `scaleLinear` and `scalePoint` to map data, with `axisBottom` and `axisLeft` for axes. Population values are preprocessed by multiplying the CSV data by 1,000 before rendering in SVG. The chart includes a formatted x-axis and labeled title.

XX. N. Chu
70% match
Loading thumbnail…

Scatter Plot

This scatter plot displays population figures for global regions, with each circle’s horizontal position encoding the population value and vertical position mapping to the region name. The chart uses D3 v5 APIs including `scaleLinear` for the x-axis, `scalePoint` for categorical y-axis placement, and `axisBottom`/`axisLeft` for grid lines. Data is loaded from a CSV file via `csv`, with population values multiplied by 1000. The visualization is rendered as SVG with light green circles, styled axes, and a title.

HHadi Boukdir
70% match
Loading thumbnail…

D3 Scatter Plot

This D3 Scatter Plot shows the relative populations of ten countries, with country names on the y-axis and population values on the x-axis. The chart uses a linear scale for population and a band scale for countries, with circles sized proportionally to the bandwidth. Built with D3 v7, the SVG visualization leverages `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render axes and data. Population data is loaded from a CSV file, multiplied by 1000, and formatted with abbreviations like "B" for billions.

YYoung Song
70% match
Loading thumbnail…

散点图

This scatter plot displays the population of six global regions in 2019, using circles positioned along a point scale for regions and a linear scale for population values. The chart includes labeled axes, gridlines, and a title, with data loaded from a CSV file using d3.csv. The code employs d3.scalePoint, d3.scaleLinear, d3.axisLeft, d3.axisBottom, and d3.format to render the visualization as SVG, applying a nice() function to the population scale for cleaner tick values.

Lluojiandan
69% match