Skip to main content
SimilarExport ZIP
100%

ICE7-PieChart-SarathL

✓ Published0🌍 Public
Ssarathlingareddy754@gmail.com
Last edited Oct 25, 2025
Created on Oct 25, 2025
Forked from HTML Starter

This pie chart visualizes the distribution of average Gene_Y_Expression across different disease statuses (Healthy, Stage 1, Stage 2) from an ICE-7 dataset. The D3.v7 code groups CSV data by DiseaseStatus, computes mean expression values, and renders slices using `d3.pie()` and `d3.arc()`, with a legend showing the color-coded categories. The SVG output includes slice labels and a legend, all styled within a rounded card layout.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7-ReusableScatterplot-SarathL

This interactive scatter plot visualizes gene expression data, showing relationships between gene expression levels and patient attributes. The plot cycles through different x-axis variables every 2.5 seconds, rotating among gene expression and age measurements while markers change shape based on disease status. The visualization uses D3.js APIs including scaleLinear, axisBottom, axisLeft, and symbol generators to render SVG elements. Data is loaded from a CSV file, and the reusable chart component updates smoothly through a setInterval loop.

Ssarathlingareddy754@gmail.com
82% match
Loading thumbnail…

ICE7_Pie

This example visualizes the distribution of exercise levels as a pie chart, with slices labeled directly on the chart and a legend showing each category’s count. It loads data from a CSV file using d3.csv, converts values to numbers, and renders the pie using d3.pie and d3.arc in an SVG. The chart applies a categorical color scheme via d3.scaleOrdinal with d3.schemeCategory10, and positions labels using arc centroid calculations. The visualization is built entirely with D3 v7, rendering to SVG with a centered chart group and a right-side legend.

Ssivaniammisetti2002@gmail.com
80% match
Loading thumbnail…

ICE7-Areachart-SarathL

This area chart visualizes gene expression levels across a dataset, plotting Gene X Expression on the horizontal axis and Gene Y Expression on the vertical axis. The code uses d3.csv to load the data, d3.scaleLinear for both scales, and d3.area with a curveMonotoneX interpolation to create the filled shape. The SVG rendering includes axes via d3.axisBottom and d3.axisLeft, with a celadon blue fill and darker stroke for the area path. The chart is built with D3 v7 and includes labeled axes and a title.

Ssarathlingareddy754@gmail.com
80% match
Loading thumbnail…

ICE7-linechart-SarathL

This line chart visualizes the relationship between Gene X and Gene Y expression levels across a dataset, using a smooth monotone curve to show the trend. The D3.js v7 code loads CSV data, sorts it by Gene X expression, and maps the values to linear scales for the x- and y-axes. It renders an SVG line path with labeled axes and a title, employing `d3.scaleLinear`, `d3.line`, and `d3.curveMonotoneX`. The chart is styled with a white background, rounded corners, and a soft shadow.

Ssarathlingareddy754@gmail.com
79% match
Loading thumbnail…

ICE7-Q2a Pie

This pie chart visualizes total study hours per group from a small CSV dataset, splitting respondents into Control and Treatment categories. Each slice is labeled with its percentage share, and a legend identifies group colors. The visualization uses D3 v7’s `d3.pie`, `d3.arc`, and `d3.rollup` to aggregate and compute layouts, with `d3.schemeCategory10` for coloring and `d3.format` for percentage labels. SVG rendering places the chart and legend side by side.

Aaravindsg99@gmail.com
78% match
Loading thumbnail…

Piechart ICE7

This pie chart displays the number of heart disease-related deaths across various countries from 1990 to 2022. Using D3 v5’s `pie`, `arc`, and `scaleOrdinal` functions, the visualization renders SVG paths with country-specific color segments, value labels, and a legend. The data is fetched from a raw GitHub CSV file via `d3.csv`, and the chart’s layout is positioned manually with SVG transformations. Interactions are minimal, focusing on static representation of the dataset.

SSurikanti Swathi
77% match
Loading thumbnail…

ICE7-Pie Chart 11540905

A pie chart displays Covid case totals for nine countries, with each slice labeled by its case count and a color-coded legend listing country names and values. The visualization uses D3 v5 to load CSV data from a GitHub gist, compute pie arc angles with `pie()`, and render SVG `path` and `text` elements via `arc()`. Colors are assigned with `scaleOrdinal()`, while D3’s `format()` handles numeric labels. The chart is centered in an SVG container, with legends positioned to the right.

Nnagasai-gummadi
77% match
Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com
77% match