Diabetes Dataset (without risks) in Vega-lite

100%

Diabetes Dataset (without risks) in Vega-lite

✓ Published1🌍 Public

Last edited Sep 24, 2020

Created on Sep 17, 2020

The visualization shows the distribution of diabetes patients by age group and gender, using semi-transparent bars to reveal overlapping counts across categories. It displays the number of patients per age group with color encoding for gender and tooltips presenting the diabetic category. The code uses Vega-Lite's API to construct the bar chart, D3’s `csv` loader to fetch data from a GitHub gist, and applies custom axis and label styling from `config.js`. Data originates from the UCI Early stage diabetes risk prediction dataset.

AI-generated description

Diabetes Dataset (without risks): A visualization constructed using the vega-lite-api.

Diabetes Dataset summary (without risks) is a summary by age_group and gender of Early stage diabetes risk prediction dataset from UCI

MIT Licensed

Similar vizzes

Loading thumbnail…

Diabetes Dataset in Vega-lite

A grouped bar chart visualizes an early-stage diabetes risk prediction dataset from UCI, showing the number of patients across age groups, separated by gender and diabetes status. The data is loaded from a Gist-hosted CSV via d3.csv in getData.js, then rendered using the vega-lite-api with a bar mark, encoding age on the x-axis, patient count on the y-axis, and a combined Gender_Diabetes field for color. The visualization uses Vega-Lite’s opacity channel and custom axis styling from config.js, with tooltips displaying patient counts.

Llakalia@wpi.edu

96% match

Loading thumbnail…

Vega-Lite API Template

A single bar chart displays the estimated incidence of cancer cases per year, using orange bars along quantitative and temporal axes. The visualization is built with the Vega-Lite API, which programmatically composes a bar mark and encodings in `viz.js`, while `index.js` registers Vega, Vega-Lite, and Vega-Tooltip, renders the chart to SVG, and sizes it to fit the viewport. Data is loaded asynchronously from a CSV file containing cancer statistics using d3.csv, and a custom configuration in `config.js` adjusts axis and label styling.

Yyastika

77% match

Loading thumbnail…

Diabetes Data

This example loads a CSV dataset on diabetes in adult females from a GitHub gist and compares the number of text bytes, rows, and columns in the file. It reads the data using the `d3.csv` request method, then formats it with `d3.csvFormat` to measure its size in kilobytes, and displays these figures in a large `<pre>` element on the page. The visualization is a simple textual summary, not a chart, highlighting the dataset’s dimensions for comparative analysis of medical predictor variables. The data originates from the Pima Indians Diabetes Database on Kaggle.

AAnurag Desai

75% match

Loading thumbnail…

BArcharts of Insulin

This visualization displays horizontal bar charts showing the relationship between patient age and insulin levels, with the title "Diabeties level vs Age." The bars are sorted by age in descending order, with the x-axis representing age values (0–60) and the y-axis representing individual patient IDs based on their insulin measurements. The visualization uses D3 v6 APIs including `scaleLinear` for the age axis, `scaleBand` for the categorical insulin values, and SVG rendering. Data comes from a CSV file loaded via `d3.csv`, featuring diabetes patient records with insulin, glucose, and other health metrics.

VVineela Reddy

74% 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…

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

73% match

Loading thumbnail…

D3 Scatter Plot

This interactive scatter plot visualizes the Pima diabetes dataset, cycling through its six numeric columns every two seconds to show how the distribution of each feature relates to glucose levels. Using D3.js v6, the plot updates its x-axis and points with a smooth transition, encoding the diabetes outcome through point color. The visualization employs SVG elements and axes generated with `d3.axisLeft` and `d3.axisBottom`, with data loaded via `d3.csv`. While the code references the penguins dataset in its title, it actually reads and plots diabetes records, with each point representing a patient.

AArun

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

73% match