Fork of Activity6_Q4

100%

Fork of Activity6_Q4

✓ Published0🌍 Public

Last edited Apr 7, 2024

Created on Apr 7, 2024

This bubble chart compares total alcohol and tobacco use across US states in the past month, with circle size encoding population and color intensity representing alcohol usage rates per 1000 people. It uses d3.csv to load data from a filtered CORGIS dataset and renders SVG circles with d3.scaleLinear for x, y, radius, and color scales. Tooltips are provided via SVG title elements on each circle.

AI-generated description

Visualization of alcohol usage and tobacco usage vs population size and alcohol usage rates from the CORGIS dataset made with D3. Implementation learned from D3 Graph Gallery.

Circle size correlates with population size and color intensity correlates with rate of alcohol usage per 1000 people.

Hover over dots to see values for that point.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q4

This D3.js bubble chart visualizes the relationship between reported alcohol and tobacco use across U.S. states, with data sourced from the CORGIS dataset. Circle position maps total alcohol use against total tobacco use, while circle size encodes population and color intensity represents the rate of alcohol use per 1000 people. The chart uses `d3.scaleLinear` for axes, size, and color, and renders SVG circles with hover tooltips via `<title>` elements. It includes labeled x and y axes, a chart title, and a legend explaining size encoding.

Llingaladineshteja23@gmail.com

92% match

Loading thumbnail…

Activity 6 Question 4

This bubble plot visualizes the relationship between alcohol and tobacco use across U.S. states, with circle size encoding state population and color intensity representing alcohol use rates per 1,000 people. Built with D3 v7, it loads CSV data from a GitHub repository and renders an SVG scatterplot using `d3.scaleLinear` for positioning, sizing, and coloring, along with `d3.axisBottom` and `d3.axisLeft` for axes. Tooltips provide detailed values for each state via appended `title` elements.

Hhaneesh@gctc.in

88% match

Loading thumbnail…

Activity-8_Question-4

This scatterplot visualizes the relationship between total reported alcohol and tobacco use across U.S. states, where each bubble’s size represents the population of adults aged 26 and older. The color intensity reflects the rate of alcohol use per 1,000 people, with tooltips providing exact values. Built with D3 v7, the chart uses `d3.scaleLinear` for position, radius, and color encoding, along with `d3.axisBottom` and `d3.axisLeft` for axes. Data comes from a CSV hosted on GitHub, rendered as SVG circles over linear-scaled axes with custom legends.

Hharipadmavathim2023@gmail.com

85% match

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.

85% match

Loading thumbnail…

Fork of Activity6_Q9

This bubble chart compares beverages by glucose levels on the x-axis, ratings on the y-axis, and calorie content encoded as bubble radius. It uses d3.csv to load the data and d3.scaleLinear for axes and bubble sizing, with d3.scaleOrdinal and d3.schemeSet1 mapping beverage types to colors. The SVG rendering includes axis labels, a graph title, and separate legends for calorie sizes and beverage colors. Circles are drawn with opacity and red strokes for visibility.

KKarnam Abinay Goud

80% match

Loading thumbnail…

Fork of Activity 6_Q9

A bubble chart compares beverages by glucose levels on the x-axis, ratings on the y-axis, and calorie content through bubble size. The code loads CSV data with `d3.csv`, creates linear scales for axes and bubble radius, and maps beverage types to colors using `d3.scaleOrdinal` with `d3.schemeSet1`. SVG circles are positioned with x and y scales, with legends for size and color rendered alongside the chart.

KKarnam Abinay Goud

80% match

Loading thumbnail…

A4 Scatterplot (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.

NNoah C.

79% match

Loading thumbnail…

Fork of Activity 6 q3

This example presents a stacked bar chart illustrating population distribution across age brackets for several U.S. states, with each bar segmented by age group and colored using a categorical scale. The visualization is rendered as an SVG using D3.js (v3.5), with population values loaded from a local CSV file. Users can hover over individual bar segments to see a tooltip displaying the specific age group and its population count. The chart sorts states by total population and includes axis labels, demonstrating D3's core APIs for data binding, scales, and SVG rendering.

Kkaringusathwika@gmail.com

77% match