Fork of diabetes

100%

Fork of diabetes

✓ Published0🌍 Public

Last edited Jan 19, 2023

Created on Jan 19, 2023

This visualization displays the age-adjusted percentage of adults diagnosed with diabetes in the United States from 2000 to 2021, broken down by education level, race/ethnicity, sex, and age group. It currently renders the raw data as a formatted JSON preview in a `<pre>` element. The code uses D3 v7’s `csvParse` and `select` to fetch and parse the CSV data from the CDC’s Diabetes Atlas, with a state-based rendering pattern managing the asynchronous data loading.

AI-generated description

Diagnosed Diabetes - Education, Adults Aged 18+ Years, Age-Adjusted Percentage, National

Diagnosed Diabetes; Education; Adults Aged 18+ Years; Age-Adjusted Percentage; National Data downloaded on 19-January-2023

Year,< High School - Percentage,< High School - Lower Limit,< High School - Upper Limit,High School - Percentage,High School - Lower Limit,High School - Upper Limit,> High School - Percentage,> High School - Lower Limit,> High School - Upper Limit,

https://gis.cdc.gov/grasp/diabetes/diabetesatlas-surveillance.html

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of cancer statistics

This visualization displays the percentage of adults diagnosed with diabetes over time, segmented by education level (less than high school, high school, and more than high school). The chart shows trends from 2000 to 2021, with shaded confidence intervals for each educational category. The D3.js code uses `csvParse` to load data from a CDC dataset and renders the raw parsed data as preformatted text. The visualization forks a template that currently displays the data in JSON format.

KKhatera Alizada

90% match

Loading thumbnail…

Fork of diabeties data

This visualization presents survey data on diabetes awareness, showing the first ten rows of the dataset with details on the number of rows, columns, and file size. The page uses D3.js to load a CSV file from a GitHub gist, while the background displays a static JPEG image of a diabetes-related graphic. The code employs D3's `csv` method for data parsing and displays the information as text elements within the SVG, styled with custom CSS. The visualization is built with Vue and rendered using SVG, with D3 version 5.

VVineela Reddy

81% match

Loading thumbnail…

Fork of healthy people 2020

This fork of Healthy People 2020 visualizes final health-status progress for population subgroups defined by race, income, education, disability, and geography. It uses a data-driven approach with D3.js v7, fetching a CSV from CDC’s data portal to display objective outcomes. The code leverages `d3.csvParse` to parse the dataset, then renders state data inside a `<pre>` element for inspection.

KKhatera Alizada

80% 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

78% match

Loading thumbnail…

Fork of Loading Data - Diabetes Data

This example loads a diabetes dataset from a CSV file and displays its raw contents as a JSON-formatted text block. The visualization focuses on the data-loading process, using a state machine to transition from an undefined state to a loading state and finally to the parsed data. The code parses the CSV using D3’s `csvParse` function and converts numeric fields from strings to numbers. The data, sourced from Kaggle, is rendered by fetching the file and displaying the parsed array in a `<pre>` element.

Rrpkupfer@wpi.edu

77% match

Loading thumbnail…

CS360 Final Project

This dashboard visualizes diabetes prevalence trends across the United States, combining a 2021 choropleth map of state-level percentages with a multi-line chart showing annual age-group trends from 2000 to 2022. The map uses `d3.geoAlbersUsa` projection and `d3.geoPath` to render state boundaries, with a sequential blue color scale mapping percentage values from a CSV; states lacking data appear grey. The line chart uses `d3.scaleBand` and `d3.scaleLinear` axes, plotting four age cohorts as separate colored lines and circles via `d3.line` and `d3.append('circle')`. Data comes from external CSV and GeoJSON sources, rendered entirely with SVG.

EEric Yao

77% match

Loading thumbnail…

Fork of Diabetes Data

A fork of the Pima Indians Diabetes dataset plots BMI against blood glucose levels as a scatterplot, coloring each point red for a positive diabetes outcome and green for a negative one. The visualization loads `data.csv` with `d3.csvParse`, converts all columns to numbers, and renders the chart as SVG using D3 v7 scales, axes, and data joins. The code uses `d3.scaleLinear` for both axes and `d3.extent` to set the domains, producing a static scatterplot without interaction.

Sskasliwal@wpi.edu

76% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Pima Indians Diabetes Dataset (Scatter Plot Improved_3)

This dashboard visualizes patient health metrics from the Pima Indians Diabetes dataset, presenting a scatter plot of BMI against Glucose levels where points are colored by age group and shaped by diabetes outcome. The visualization is faceted by age bins, with a bar chart showing average glucose levels per outcome within each age category. A third panel displays detailed patient information upon point selection. The code leverages D3 v7 APIs including `scaleThreshold`, `symbol`, `brush`, and `axisBottom`, with data parsed from CSV format and rendered as an interactive HTML page.

Sskasliwal@wpi.edu

76% match