Gist 1a3712f2ec553e7cae13

100%

Gist 1a3712f2ec553e7cae13

✓ Published0🌍 Public

Last edited May 1, 2015

Created on May 1, 2015

This visualization shows the odds ratios of various health outcomes (such as diabetes, dementia, and all-cause death) for men with different numbers of unhealthy lifestyle factors, from none to four or five. It uses a parallel coordinates chart with a line for each group, colored and stroked according to the number of risk factors. The code employs the D3.js v3 library, specifically `d3.svg.line`, `d3.svg.axis`, and brushing via `d3.svg.brush`. Data comes from the CSV file `datafinal2.csv`, and the rendering includes an interactive drag-and-drop axis and a legend.

AI-generated description

Similar vizzes

Loading thumbnail…

Data analisis heart disease

The visualization is a scatter plot examining heart disease risk factors, plotting serum cholesterol against resting blood pressure, with point size encoding age and color distinguishing gender. The chart uses the Vega-Lite API to render the dataset from the UCI Heart Disease repository, sourced via a Kaggle-hosted CSV file. The tooltip displays the heart attack possibility target value. The code relies on vega-lite-api's `markCircle` and `.encode` methods, with data loading handled by `d3.csv`. The plot uses a dark-themed custom config for axis styling and readability.

Llimeroc

72% match

Loading thumbnail…

Data Visualization Assignment 3

This interactive scatter plot explores correlations among life expectancy indicators including HIV/AIDS, GDP, BMI, and adult mortality, with dropdown menus controlling the X and Y axes. A color legend by continent filters data on click, while hover tooltips display the continent, year, and current axis values. The visualization uses d3.v5 with scaleLog axes, d3.scaleOrdinal for coloring, and animated circle transitions via d3.transition. Data comes from a CSV of global life expectancy statistics, rendered as SVG with reusable d3 modules for the scatter plot, dropdown menu, and color legend.

HHowardHan99

72% match

Loading thumbnail…

Interactive Color Legends with informative Tooltips and dropdown menu

This interactive scatterplot visualizes life expectancy data, allowing users to explore correlations between variables such as HIV/AIDS, GDP, BMI, and adult mortality. A dropdown menu selects the X and Y axes, while a color legend differentiates data points by continent. Clicking a legend entry highlights that continent, and hovering over a data point reveals a tooltip with the country, year, and axis values. Built with d3.v5, it uses SVG and animated transitions, loading data from a CSV file.

Aaishwarya8615

70% match

Loading thumbnail…

Fork of Menu Line Chart - Deaths caused per country from different risk factor

This interactive line chart visualizes annual deaths attributed to various risk factors—such as alcohol use, smoking, or unsafe water—for a selected country over 17 years. Two dropdown menus let users choose the country and the risk factor, updating the single smoothed line rendered with d3.line and curveNatural. The visualization is built with React and D3 v5, using scaleTime and scaleLinear for axes and SVG paths for rendering. The underlying data comes from a CSV file listing deaths per country and risk factor across all age groups and sexes.

Ssp3915

70% match

Loading thumbnail…

Visualizing correlations between heart disease patients' data

This interactive scatterplot displays correlations between heart disease patient attributes—such as age, cholesterol, and BMI—with heart disease status, using a red dot for each individual. Users select any attribute pair from the two dropdown menus to swap the axes, and the points animate smoothly into their new positions. The visualization is built with D3 v7, using the `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs for scaling and axes, while `transition.attrTween` or `transition().duration().delay()` handles the animation. The data comes from a CSV file loaded via `d3.csv`.

AAshtone Onyango

69% match

Loading thumbnail…

Iterated Work: Heart Disease Scatter Plot

This scatter plot shows the relationship between patient age and maximum heart rate from the Heart Disease UCI dataset, with points colored by gender (crimson for female, dark blue for male). The visualization uses D3 v5 with SVG rendering, employing `d3.axisBottom` and `d3.axisLeft` for gridlined axes, `d3.scaleOrdinal` for the categorical color mapping, and the `d3-legend` library for the color legend. The data is loaded via `d3.csv` from a GitHub gist, with the sex attribute transformed from numeric codes to strings for labeling.

RRyanYun0017

69% match

Loading thumbnail…

Test Donut Plot

A donut plot displays stacked bar charts of health condition counts—hypertension, diabetes, asthma, and HIV—across racial groups using data from health_indicators_2019.csv. The D3.js code stacks the categorical data with the `stack` function and renders rects with `scaleLinear` and `scaleBand` axes. Interactive tooltips appear on mouseover, showing the condition name and count, positioned via D3's `mouse` function. The visualization uses an SVG canvas from the index.html file.

Aaveryfairbanks

69% match

Loading thumbnail…

Visualizing correlations between heart disease patients' data

This interactive scatter plot lets users explore correlations among heart disease patients by selecting any two metrics from dropdown menus, which map to the x- and y-axes. Each point represents a patient, colored by heart disease status, from a CSV dataset. Built with D3 v7, it uses scaleLinear, axisBottom, axisLeft, and transition().delay().duration() for animated point placement. The chart renders in SVG with adjustable margins and axis labels.

AAshtone Onyango

69% match