Skip to main content
SimilarExport ZIP
100%

Fork of cancer statistics

✓ Published0🌍 Public
KKhatera Alizada
Last edited Jan 19, 2023
Created on Jan 19, 2023
Forked from Loading Data

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.

AI-generated description

US Diabetes Surveillance System; www.cdc.gov/diabetes/data; Division of Diabetes Translation - Centers for Disease Control and Prevention.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of diabetes

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.

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
76% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This scatter plot animates through cancer death rates in the USA by education level, cycling between Bacherlors, Masters, PHD, and Jobs categories. It uses a reusable D3 chart function with `scaleLinear`, `axisBottom`, `axisLeft`, and `symbol` to render differently shaped points per data type. The visualization transitions every two seconds, updating the dataset and title while preserving the SVG axes. Data comes from a Cancer in USA CSV file, loaded via `d3.csv`, with the chart redrawn using the d3 v6 selection and transition APIs.

Vvinodreddysagam929@gmail.com
75% 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
73% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This animated scatter plot visualizes cancer mortality rates in the U.S. from 1999 to 2019, cycling through four cancer types—Liver, Breast, Prostate, and Thyroid—using distinct D3 symbols. The chart updates every two seconds, redrawing points with a smooth transition, while the title and axes labels adapt to reflect the selected cancer type. Built with reusable D3 modules, the visualization highlights year-over-year death trends with a clean, animated design.

Vviveknaroju999@gmail.com
73% match
Loading thumbnail…

Fork of Fork of Line Chart

This example displays a line chart of US cancer cases from 2009 to 2022, plotting student names against student marks as a proxy for years and case counts. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.axisLeft` and `d3.axisBottom` for ticks, and a `d3.line` generator for the path. Data is loaded via `d3.csv` from external GitHub gist URLs, with parsing of dates and numeric values before rendering.

RRahulSai05
72% match
Loading thumbnail…

Fork of HTML Starter

This visualization uses a scatterplot to show cancer mortality trends in the USA from 1990 to 2019, with each circle representing a specific cancer type’s annual death count. It displays data from a CSV file loaded via D3’s `csv` function, with time-scaled x-axis and linear y-axis. React manages the component state and lifecycle, while D3’s `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` render the axes. Hovering over a circle triggers a tooltip with details, and a color-coded legend identifies each cancer type.

NNandini Maddula
72% match
Loading thumbnail…

Fork of HTML Starter

This bar chart visualizes the distribution of diseases in 1968, showing the number of infections for each disease type. Built with D3 v6 and SVG, it uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and `d3.axisBottom`/`d3.axisLeft` for axes. The dataset is loaded via `d3.csv` from a GitHub Gist URL. Interactive tooltips appear on mouseover, displaying infection counts, implemented with D3 selection and event handlers.

AAndrew
71% match