Skip to main content
SimilarExport ZIP
100%

PIE CHART pca

✓ Published0🌍 Public
CChaturyaAkhilaPallem@my.unt.edu
Last edited Mar 26, 2024
Created on Mar 25, 2024
Forked from AREA PLOT 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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

AREA PLOT pca

This area chart visualizes BMI values for individuals, with each point color-coded and interactive. The chart uses D3.js v7 to fetch and parse CSV data from a GitHub gist, then renders an SVG area path and circles representing BMI readings. Users can hover over any data point to see a tooltip with the precise BMI value, which also changes the dot’s color and size. The visualization includes labeled axes for Individuals and BMI, with a light green fill for the area and responsive hover effects.

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

Pie Chart

This pie chart visualizes the percentage breakdown of nutritional components, such as carbohydrates, proteins, and fats, using interactive slices with hover effects that display exact values via tooltips. A legend on the right side highlights corresponding slices when hovered, dimming non-related arcs. Built with D3 v7, the chart uses the `pie` and `arc` functions to generate the layout and `scaleOrdinal` with `schemeTableau10` for colors. Transitions and opacity changes create a smooth, interactive experience for exploring the data.

Ttejasviteegala@my.unt.edu
81% match
Loading thumbnail…

Fork of 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.

Cchandanagandla
80% match
Loading thumbnail…

Pie chart

This example shows a simple pie chart visualizing the distribution of four categories (one, two, three, four) with values from an embedded CSV string. The chart renders as an SVG with colored arcs, each filled using a categorical color scale based on the category name. The code uses d3.svg.arc to define the pie slices and d3.layout.pie to compute the angles, with data parsed via d3.csv.parse. The visualization is centered on a 960×500 canvas with a white background and white stroke separators between arcs.

GGlenBentley
79% match
Loading thumbnail…

Pie chart

A pie chart displays the proportional breakdown of a categorical variable, using colored slices to represent each category's share of the whole. The example renders a fixed dummy dataset (`{a: 9, b: 20, c:30, d:8, e:12}`) as SVG paths, with each slice's angle determined by `d3.pie` and its geometry drawn via `d3.arc`. Colors come from `d3.scaleOrdinal` with a manually specified palette, and the chart is centered within a 450×450 pixel canvas. The code uses the D3.js v4 library, appending the visualization to a `<div>` and styling slices with black strokes and 0.7 opacity.

Hhanulik.ondrej@gmail.com
79% match
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
77% match
Loading thumbnail…

Pie chart

A pie chart displays the proportional breakdown of four hardcoded values, with a color legend assigned via a radio button group offering apples or oranges datasets. The visualization renders as an SVG donut using D3 v5's `d3.pie()` and `d3.arc()` generators, with an ordinal color scale mapping categories to distinct hues. The chart draws all arcs at once from a fixed data array, and changing the dataset radio button does not trigger a re-render, as only the initial render function is called.

Ssathishkanna11
77% match
Loading thumbnail…

LINE PLOT pca

This line plot visualizes the Body Mass Index (BMI) values of individuals, with each person’s name on the x-axis and their corresponding BMI on the y-axis. The chart includes interactive data points that display a tooltip with the person’s name and BMI when hovered over. Built with D3 v7, the visualization uses `d3.csvParse` to load data from a remote CSV file, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.line` to generate the connected path. The SVG rendering includes labeled axes and circle markers, with tooltips implemented using D3’s event handling.

CChaturyaAkhilaPallem@my.unt.edu
77% match