Skip to main content
SimilarExport ZIP
100%

Activity6_q3

✓ Published0🌍 Public
Vvidyagangasani@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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
94% 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
93% 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
90% 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
90% 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
90% match
Loading thumbnail…

activity6_question6_shape

This scatter plot shows the relationship between GDP per capita and life expectancy for ten countries, with each continent represented by a unique geometric shape. The D3.js visualization uses d3.scaleLinear for both axes and d3.scaleOrdinal to map continents to symbols like circles, triangles, and squares. The chart renders as an SVG with axes labeled and includes interactive tooltips that display country details on mouseover. Data comes from a local CSV file containing country statistics, encoded using the d3.symbol API within a path-based scatter plot.

MMili Patel
89% match
Loading thumbnail…

Activity6_Task4

This visualization shows the relationship between GDP per capita, life expectancy, and population for ten countries. Each bubble’s x and y positions represent GDP and life expectancy, while the bubble radius encodes population size, with a categorical color scale distinguishing countries. Using D3 v7, the code loads data from a CSV file, scales values with `d3.scaleLinear`, renders SVG circles, and adds interactive tooltips that display country-specific details on mouseover. Axis labels and a title clarify the chart’s context, and the animation of tooltip transitions enhances user exploration.

Aamarnadhkari98@gmail.com
88% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the relationship between GDP per capita, life expectancy, and population for ten countries, with circle size encoding population and position encoding the economic and health metrics. The visualization uses D3.js v7 with SVG rendering, employing d3.scaleLinear for the x and y axes and d3.scaleSqrt for the radius scale. Data from countries_data.csv is loaded via d3.csv. Hovering over a bubble increases its opacity, while country labels appear inside each circle. Axis labels for GDP and life expectancy are added using d3.axisBottom and d3.axisLeft.

Ggangireddyarunkumar5@gmail.com
88% match