Skip to main content
SimilarExport ZIP
100%

Fork of Pie Chart

✓ Published0🌍 Public
Cchandanagandla
Last edited Apr 9, 2023
Created on Apr 9, 2023
Forked from Pie Chart

This visualization compares BMI values against general health categories using a pie chart, with the top ten highest BMI records from a heart disease dataset. The chart renders as an SVG using D3's `pie` and `arc` generators, with each slice colored via `scaleOrdinal` and `schemeCategory10`. A legend lists health categories with corresponding values, and hovering over a slice logs its BMI to the console. Data is loaded as CSV via `d3.csv`, while the React-free interface relies on plain D3 selections and the `bundle.js` build.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pie Chart

This visualization shows the distribution of gender categories in a heart disease dataset using a pie chart. It displays two slices representing male and female counts, with a legend showing each category and its frequency. The chart is rendered as an SVG using D3 v7, with d3.rollup to aggregate counts, d3.arc for slice geometry, and d3.pie for layout. A d3.scaleOrdinal with d3.schemeCategory10 assigns colors, while Bootstrap provides page styling. Data is loaded from a CSV file via d3.csv.

SsreepavanKothapalli
84% match
Loading thumbnail…

Fork of histogram

This visualization presents a histogram of BMI values from a heart disease dataset, showing the distribution of data points across ten bins. The chart includes a dashed line marking the mean BMI and displays the count of observations above each bar. The implementation uses D3 v5's `d3.histogram()` for binning, `d3.scaleLinear` for axes, and SVG rendering within a React framework. The code also embeds accessibility features like ARIA roles and labels for the chart elements.

RRinoj-Gautam
81% match
Loading thumbnail…

Fork of Untitled

This bar chart displays the relationship between BMI and age group from a heart disease dataset. Each bar represents the BMI value for a specific age category, plotted along the x-axis. The chart uses D3.js v4 with SVG rendering, specifically leveraging `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. The data is loaded from a CSV file using `d3.csv`, and bars are drawn as SVG rectangles with the class "bar". Axes are added using `d3.axisBottom` and `d3.axisLeft`.

Cchandanagandla
81% match
Loading thumbnail…

Fork of Pie Chart

This interactive pie chart displays life expectancy across continents, ranking the top ten entries from a CSV dataset loaded via d3.csv. The visualization uses d3.pie and d3.arc to generate SVG path segments, with d3.scaleOrdinal and schemeCategory10 assigning colors. Legends are appended as separate SVG groups, showing continent names and values with formatted numbers. Mouseover events log data to the console, while the chart is rendered within a React application using d3 v5.

NNukaShravanKumar
81% match
Loading thumbnail…

Fork of Pie Chart

This interactive pie chart displays life expectancy across continents, ranking the top ten entries from a CSV dataset loaded via d3.csv. The visualization uses d3.pie and d3.arc to generate SVG path segments, with d3.scaleOrdinal and schemeCategory10 assigning colors. Legends are appended as separate SVG groups, showing continent names and values with formatted numbers. Mouseover events log data to the console, while the chart is rendered within a React application using d3 v5.

NNukaShravanKumar
81% match
Loading thumbnail…

PIE CHART pca

This example shows the distribution of BMI values from a loaded CSV dataset, categorizing individuals into underweight, normal weight, overweight, and obese groups as a pie chart. It uses D3 v7 to fetch and parse the CSV, compute category counts and percentages, and render the chart as SVG with a color scale and legend. The chart includes an interactive tooltip and highlights the proportion of each category, with the pie arc drawn using `d3.arc` and data bound through `d3.pie`.

CChaturyaAkhilaPallem@my.unt.edu
80% match
Loading thumbnail…

Fork of Pie Chart

A forked pie chart visualizes the distribution of new COVID-19 tests across geographic locations, using a D3 v5 pie layout with an SVG rendering. The chart shows the top 10 locations by test count, with each slice’s fill color and legend labels derived from the `d3.scaleOrdinal` and `d3.schemeCategory10` palette. Data is loaded from a CSV via `d3.csv`, sorted descending, and rendered with `d3.pie` and `d3.arc`; hover events log values to the console, and legends display each location’s name and test total. The React-based example is presented in an HTML page with custom CSS styling.

Ppemmasaniprudhvinadh
80% match
Loading thumbnail…

Fork of Fork of Bar graph-task1

This visualization presents a bar chart of heart disease data, with bars depicting physical health scores for various categories. The chart uses a red grid and axis ticks, and the data is loaded from a CSV file using d3.csv. Built with React, the App component renders an SVG using d3.scaleBand and d3.scaleLinear to map data to positions. Additionally, the code includes a 3D scatter plot created with Plotly, plotting heart disease against smoking and diabetic status, though this chart is not displayed in the main view.

Cchandanagandla
79% match