Skip to main content
SimilarExport ZIP
100%

diabetes

✓ Published0🌍 Public
CCH SAMPATH
Last edited Apr 8, 2023
Created on Apr 8, 2023

This interactive visualization uses D3.js v3 to plot global diabetes and population data on an orthographic globe projection, with controls to switch between globe, Winkel III, and Mercator map projections. The React-based frontend loads world country boundaries from a TopoJSON file and renders them as SVG paths colored by land and sphere attributes. Users can click and drag to rotate the globe, zoom with the mouse wheel, and hover over regions to view tooltip details about each country’s data values, which are loaded from external CSV sources. The interface includes animated transitions between datasets and axis labels for the quantitative scales.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

globe zoom

This interactive data visualization displays global demographic and agricultural data on a zoomable three-dimensional globe. Users can rotate the globe and zoom into specific regions, with country boundaries rendered as geographic paths. The visualization uses D3 v3 with geo projection libraries, featuring both orthographic globe and map projections. Data points are loaded from CSV files and displayed as colored scatterplot markers, with tooltips providing country-specific values. The interface includes controls for switching between different datasets and projection types, all rendered with SVG animation.

JjordyBernard406
77% match
Loading thumbnail…

HIV/AIDS with React & D3

This visualization uses a D3 geoEqualEarth projection to render a world map colored by HIV prevalence rates for 2017, with a sequential YlOrRd color scale indicating the percentage of the population aged 15-49 affected. Built with React and D3 v7, the code loads country boundaries and interior lines via the topojson `feature` and `mesh` functions, while CSV data from IHME is joined to map geometries using ISO country codes. SVG paths render the sphere, graticules, and landmasses, with countries lacking data filled in grey.

MManon ROMAIN
76% match
Loading thumbnail…

Globe Zoom - Animate

This interactive globe visualization animates between orthographic and map projections to display geographic data points, with country boundaries rendered as SVG paths. Users can zoom and rotate the globe, search for locations, and toggle between datasets showing meat consumption and population growth percentages. The visualization is built with D3.js version 3, React, and TopoJSON, using d3.geo.orthographic and d3.geo.winkel3 projections with d3.geo.zoom for interaction. Data is loaded from external CSV and TopoJSON sources, with tooltips and a legend providing additional context.

Nnouralkhoury
76% match
Loading thumbnail…

Globe Zoom - Animate

This interactive globe visualization animates between orthographic and map projections to display geographic data points, with country boundaries rendered as SVG paths. Users can zoom and rotate the globe, search for locations, and toggle between datasets showing meat consumption and population growth percentages. The visualization is built with D3.js version 3, React, and TopoJSON, using d3.geo.orthographic and d3.geo.winkel3 projections with d3.geo.zoom for interaction. Data is loaded from external CSV and TopoJSON sources, with tooltips and a legend providing additional context.

Nnouralkhoury
76% match
Loading thumbnail…

Fork of Diabetes Data

This dashboard visualizes diabetes risk factors from patient data using a linked scatter plot and bar chart. The scatter plot positions patients by BMI and glucose levels, colored by age and shaped by outcome, while the bar chart shows average glucose by diabetic status. Clicking a point highlights that patient and displays their full record below. Built with React and D3 v7, it uses `scaleLinear`, `scaleOrdinal`, `scaleBand`, `symbol`, and `axisBottom` to render the interactive charts.

Sskasliwal@wpi.edu
76% match
Loading thumbnail…

Project

This interactive D3.js dashboard explores diabetes medication, gender, and age-group trends related to heart disease outcomes. It shows three SVG charts built from a merged CSV dataset, including a bar chart of heart disease cases by medication status, a pie chart of patient gender distribution, and a bar chart of cases across age groups. The code uses `d3.csv` to load data, `d3.select` to render SVG elements, and a custom tooltip for hover interactions. An embedded Power BI iframe complements the narrative with additional health analytics.

Ppavanbellam@my.unt.edu
75% match
Loading thumbnail…

activity6 task3

This example visualizes a diabetes dataset as a scatter plot, mapping glucose levels on the x-axis against insulin levels on the y-axis. Data points are colored red for diabetic outcomes and green for non-diabetic outcomes, loaded from a remote CSV via `d3.csv`. The visualization uses D3 v6 with `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to render axes, while circles are positioned with `attr` and styled with `fill`. The SVG is dynamically sized to the browser window, with axis labels styled via CSS.

Bbrahmateja.edu2023@gmail.com
75% match
Loading thumbnail…

D3 Scatter Plot

This animated SVG scatter plot explores the Diabetes dataset, cycling through different x-axis variables (BMI, Glucose, Blood Pressure, Skin Thickness) every two seconds while displaying Glucose on the y-axis. Built with D3 v6, the reusable chart component uses `scaleLinear`, `extent`, and axis functions to render points. The code imports the dataset from a remote CSV URL, and the `setInterval` function drives the rotating axis animation.

AArun
75% match