Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
LLikhitaMudagereShivaraj@my.unt.edu
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from Bar Chart

This scatter plot visualizes the relationship between GDP and life expectancy for a synthetic dataset of countries, with points colored by region using a Tableau10 ordinal scale. It loads CSV data with d3.csv and d3.autoType, then renders circles in an SVG container using d3.scaleLinear for both axes and d3.axisBottom/d3.axisLeft for tick marks. The chart includes labeled x and y axes, semi-transparent points, and is built entirely with D3 v7.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart

A scatter plot displays the relationship between GDP and life expectancy across approximately 110 countries, with points colored by world region. The D3.js v7 code loads data from a CSV file using `d3.csv`, applies linear scales for both axes via `scaleLinear`, and maps each data point to a circle using `d3.selectAll` and `.join`. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while a categorical color scale using `d3.scaleOrdinal` and `schemeTableau10` distinguishes geographic regions. The visualization is drawn as SVG elements within a container.

LLikhitaMudagereShivaraj@my.unt.edu
89% match
Loading thumbnail…

Activity6_Q3

This scatter plot shows the relationship between GDP per capita (in billions) and life expectancy for countries in 2015, sourced from a GitHub-hosted GDP dataset. It uses d3.csv to load the data, scales the GDP axis logarithmically via d3.scaleLog, and colors points using d3.scaleOrdinal with d3.schemeCategory10. SVG circles are rendered with D3's data join, and hover interactions display a tooltip showing country name, GDP, and life expectancy. The axes are labeled using d3.axisBottom and d3.axisLeft.

VVidya Lakshmi Chitturi
87% match
Loading thumbnail…

Global Data Scatter Plot

This scatter plot visualizes the relationship between GDP per capita and average life expectancy across countries, using circles colored by region from a Global Data dataset. Users can hover over the legend to highlight matching data points or click to toggle entire regions’ visibility, with opacity changes facilitating comparison. The visualization leverages d3.scaleOrdinal for color mapping, d3.scaleLinear for axes, and custom d3 axis-label helpers from @curran/axis-labels, rendering SVG circles with region-based classes.

Nnitinramagiri1@gmail.com
87% match
Loading thumbnail…

Activity6_q3

This scatterplot shows the relationship between GDP per capita and life expectancy for seven countries, with each circle colored by country. The visualization uses D3.js v7 to load a local CSV file, scale the data linearly on both axes, and render circles as SVG elements. Axes are drawn using d3.axisBottom and d3.axisLeft, with labels for both variables. The d3.scaleOrdinal with schemeCategory10 assigns distinct colors to each nation, making it easy to compare economic output against health outcomes across the sample.

Vvidyagangasani@my.unt.edu
86% match
Loading thumbnail…

Activity6_Q6

This scatterplot displays the relationship between GDP per capita and life expectancy for ten countries, with each point colored by continent. Built with D3.js v7, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with `d3.schemeSet2` for categorical coloring. Hovering over a circle triggers a tooltip showing country name, GDP, and life expectancy. The SVG rendering includes labeled axes and axis ticks generated via `d3.axisBottom` and `d3.axisLeft`.

Llokasaivenkatatammineedi@my.unt.edu
85% match
Loading thumbnail…

activity6_question6

This scatterplot shows the relationship between GDP per capita and life expectancy across ten countries, with each point colored by continent and revealing a general trend where higher GDP aligns with longer lifespans. Built with D3 v7, the visualization uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeSet2` for continent colors. Data is loaded from `data.csv` via `d3.csv`, and interactive tooltips appear on hover using the `mousemove` event, displaying country name, GDP, and life expectancy.

MMili Patel
84% match
Loading thumbnail…

Activity6_tutorial3

This interactive scatter plot visualizes the relationship between GDP per capita and life expectancy, with each circle representing a country and color encoding the country’s identity. Built with D3 v7, it loads a gapminder CSV, uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring, and renders axes via `d3.axisBottom` and `d3.axisLeft`. The SVG is sized at 800×600 pixels, with circles plotted using `xScale` and `yScale` mappings.

Cchandrikachowdary867@gmail.com
83% match
Loading thumbnail…

Activity-6 Q-6

This scatter plot displays the relationship between GDP and life expectancy for ten countries, with each country represented by a distinct symbol. The visualization uses D3.js scales and axes to map GDP on the x-axis and life expectancy on the y-axis, while a shape legend identifies individual countries. The plot loads data from a local CSV file containing GDP and life expectancy values, and renders symbols using d3.symbol with the symbolsFill range. The legend is generated through a custom shapeLegend function that iterates over the country domain.

KKavyaEti
83% match