Skip to main content
SimilarExport ZIP
100%

Diabetes-Team 16

✓ Published0🌍 Public
Ggayuvurukuti@gmail.com
Last edited Apr 9, 2023
Created on Apr 9, 2023
Forked from HTML Starter

This visualization presents a static infographic on the causes, prevention, and treatment of diabetes, combining text and graphics in a single scrolling layout. The page is built with an HTML structure and styled through an external CSS file, while the main content is rendered as an SVG element that displays a large embedded PNG image via an SVG pattern. The code uses d3.v7 from a CDN, though no dynamic data or interactive features are present. The visualization relies on the SVG `<pattern>` and `<image>` APIs to display the pre-designed graphic.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter. This image shows affects, prevention and treatment of diabetes.

MIT Licensed

Similar vizzes

Loading thumbnail…

diabetes

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.

CCH SAMPATH
75% match
Loading thumbnail…

Tree - Project 16

This interactive tree visualization displays the hierarchical relationships derived from a diabetes dataset, with color-coded nodes representing different attribute types such as Glucose, Insulin, BP, Age, and Outcome. Built with D3 v3, the visualization uses a collapsible tree layout with SVG rendering and animated transitions. Users can click nodes to expand or collapse branches, while tooltips provide additional context about each node. The tree employs `d3.layout.tree` to compute positions, with custom collision detection to prevent overlapping nodes based on the data structure loaded from a JSON file.

Ggayuvurukuti@gmail.com
73% 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
73% 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
72% 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
71% 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
71% 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
71% match
Loading thumbnail…

Scatter Plot - Project 16

This scatter plot visualizes a diabetes dataset, mapping glucose levels on the x-axis against BMI on the y-axis, with each point colored by outcome (red for positive, green for negative). It also encodes insulin and blood pressure values into the `rx` and `ry` attributes of the circles, creating elliptical markers. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes. Data is loaded asynchronously via `d3.csv` from a GitHub gist URL, with a custom row parser converting numeric fields.

Ggayuvurukuti@gmail.com
70% match