Skip to main content
SimilarExport ZIP
100%

A4 Scatterplot (D3)

✓ Published3🌍 Public
NNoah C.
Last edited Feb 21, 2024
Created on Feb 20, 2024
Forked from A4 Barchart (D3)

This scatterplot visualizes the relationship between reported alcohol and tobacco use among individuals aged 26 and older, using data from the CORGIS dataset. Each red dot represents a state or region, plotting total monthly tobacco use on the x-axis against alcohol use on the y-axis, with values displayed in thousands. Hovering over a dot reveals a tooltip with the exact figures via SVG `<title>` elements. The visualization is built with D3 v7, using `d3.csv` for data loading, `d3.scaleLinear` for axes, and `d3.axisBottom` and `d3.axisLeft` for rendering ticks.

AI-generated description

Visualization of alcohol usage vs tobacco usage from the CORGIS dataset made with D3. Implementation learned from DataVizDad on Youtube as well as the D3 Graph Gallery.

Hover over dots to see value for that point.

MIT Licensed

Similar vizzes

Loading thumbnail…

A5 Bubble Plot (D3)

This bubble plot visualizes alcohol and tobacco usage across U.S. states, with circle size encoding population and color intensity representing alcohol use rates per 1000 people. Built with D3 v7, it uses `d3.scaleLinear` for position, radius, and color mapping, plus SVG circles with `title` elements for hover tooltips. The chart loads CSV data from a GitHub gist and displays axes with custom tick formatting, along with descriptive legends and labels.

NNoah C.
83% match
Loading thumbnail…

Global Alcohol Consumption Scatterplot

This scatterplot shows per capita alcohol consumption in liters for seven selected countries from 2010 to 2019, with each country assigned a distinct color. The visualization uses D3 v6’s `scaleTime` and `scaleLinear` to map years and consumption values to SVG circle positions, with axes rendered via `axisLeft` and `axisBottom`. Data comes from a WHO-derived CSV loaded with `d3.csv`, filtered to highlight trends in wine, beer, spirits, and total alcohol across the decade.

PPeter VanNostrand
74% match
Loading thumbnail…

D3Times

A scatter plot displays correlations between state-level health risk factors and socioeconomic indicators, plotting each U.S. state as a labeled circle. The visualization pairs smoking rates with poverty rates, with state abbreviations placed over each point. The code loads a CSV dataset and parses its numeric fields, then uses D3.js version 5 with SVG rendering to create the chart. Axes are generated using `d3.scaleLinear` and `d3.scaleBand`, while the Bootstrap framework provides the page layout and styling.

FFrankoOrtmann
73% match
Loading thumbnail…

A7 Small Multiples Line Chart

This small-multiple line chart displays marijuana usage rates per 1000 people for ages 18–25 across US states, using data from the CORGIS dataset. Each state’s trend line is rendered in its own SVG cell, colored via a d3.scaleOrdinal palette, with a d3-legend color threshold legend. The visualization uses d3.group to separate data by state, d3.line to create paths, and d3.axisBottom and d3.axisLeft for axes, with a title overlaid in HTML.

NNoah C.
72% match
Loading thumbnail…

Dumbbell Chart

This interactive scatterplot depicts alcohol consumption levels for 15 patients before and after a study, using dumbbell-style connected circles to highlight individual change. Each patient’s ID is plotted along the x-axis using `d3.scalePoint`, while alcohol measurements are mapped to the y-axis with `d3.scaleLinear`. The visualization is built with React components and rendered as SVG, employing D3’s `csv` loader for data parsing and custom `Marks` and `Lines` components to draw the paired circles and connecting lines.

WWaseem Medhat
72% match
Loading thumbnail…

Fork of Interactive Color Legend Scatterplot to determine Alcohol consumption Vs Life Expectancy

This interactive scatterplot visualizes the relationship between alcohol consumption and life expectancy across continents using data from a CSV file. Points are colored by continent, with an interactive color legend that highlights one continent at a time while fading others. Built with React and D3 v5, the visualization uses `scaleLinear`, `scaleOrdinal`, and SVG rendering, with mouse events on the `ColorLegend` component triggering the hover filtering.

Aaniosindustries
72% match
Loading thumbnail…

Scatterplot to determine Alcohol consumption Vs Life Expectancy

This scatterplot visualizes the relationship between alcohol consumption and life expectancy across countries, with each point colored by continent. Built with React and D3 v5, the visualization renders as an SVG and includes interactive highlighting in the color legend that filters the data points. The CSV data is loaded from a GitHub gist using D3’s `csv` function. Axis tick marks, labels, and the legend are generated by custom React components using `scaleLinear` and `scaleOrdinal` scales.

SSharankumar02
72% match
Loading thumbnail…

multi-line Chart in D3

This multi-line chart visualizes the average daily cigarette consumption among smokers in the top five countries from 1980 to 2012, using data from the CORGIS smoking dataset. The chart displays five distinct colored lines, one per country, with dots marking individual yearly data points. Built with D3 v7, the visualization employs `d3.csv` to load data, `d3.group` to organize by country, and `d3.scaleLinear` for both axes. The color scale uses a ColorBrewer qualitative scheme, while the legend is generated using the d3-legend library's `d3.legendColor` function. The SVG rendering includes labeled axes and a title.

EEunice Tu
71% match