Skip to main content
SimilarExport ZIP
100%

Fork of Fork of PieChart for Activity 7.1

✓ Published1🌍 Public
NNita
Last edited Mar 26, 2025
Created on Mar 26, 2025

This pie chart shows the distribution of three Iris flower species—setosa, versicolor, and virginica—from a remote CSV file. The Chart.js library renders the chart on an HTML5 Canvas with a fixed 400×400 pixel size. Data is fetched via a Gist URL, parsed with a custom CSV parser, and species counts are computed before being passed to the chart’s dataset. The visualization disables responsive behavior and displays a legend at the top, with tooltips that label each slice with the flower count.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of PieChart for Activity 7.1

This example displays the distribution of iris flower species using a pie chart, with counts for setosa, versicolor, and virginica plotted from a CSV file fetched via a Gist URL. The chart, rendered on a Canvas element, uses Chart.js to draw the pie slices with distinct colors and a custom tooltip that labels each segment with its flower count. The code parses the CSV data line-by-line and counts species occurrences before passing the aggregated values to the chart library, which is configured with a fixed, non-responsive size.

Ssivaparchuri2000@gmail.com
93% match
Loading thumbnail…

Fork of Pie Chart

This fork of a pie chart visualizes the Iris dataset as a scatterplot, showing SepalLengthCm against SepalWidthCm with points colored by species (red, green, blue). The SVG is created using d3.select and appended with a `<g>` element, while d3.scaleLinear defines the x and y scales. Axes are added via d3.axisBottom and d3.axisLeft, with the chart title and data describing species distribution. The code imports d3 functions like select, csv, pie, arc, scaleOrdinal, and schemeCategory10, though the scatterplot implementation uses direct SVG circles and a remote CSV URL from a GitHub gist.

Bbhanuteja1807@gmail.com
84% match
Loading thumbnail…

Fork of iris-pie-chart

This fork of the iris-pie-chart displays the distribution of three iris species as a pie chart with a legend. The chart uses d3.csv to load species data, d3.rollup to count occurrences, and d3.pie with d3.arc to generate and render SVG path slices. Each slice is labeled with its species name using arc.centroid, and a legend built with d3.scaleOrdinal links colors to species.

Ssohith kampalli
84% match
Loading thumbnail…

Fork of Fork of areachart

This example visualizes the distribution of sepal length across three iris flower species—Setosa, Versicolor, and Virginica—using an area chart rendered on a Canvas element. The data is fetched from a remote CSV file stored in a GitHub Gist, parsed manually, and filtered by species. The chart is built with Chart.js, which uses the `fill` option to create semi-transparent filled areas under each line, with distinct colors for each species. The x-axis represents the flower index (1–50), while the y-axis shows sepal length in centimeters.

NNita
83% match
Loading thumbnail…

Fork of Fork of areachart

This example visualizes the distribution of sepal length across three iris flower species—Setosa, Versicolor, and Virginica—using an area chart rendered on a Canvas element. The data is fetched from a remote CSV file stored in a GitHub Gist, parsed manually, and filtered by species. The chart is built with Chart.js, which uses the `fill` option to create semi-transparent filled areas under each line, with distinct colors for each species. The x-axis represents the flower index (1–50), while the y-axis shows sepal length in centimeters.

NNita
83% match
Loading thumbnail…

Fork of Fork of areachart

This example visualizes the distribution of sepal length across three iris flower species—Setosa, Versicolor, and Virginica—using an area chart rendered on a Canvas element. The data is fetched from a remote CSV file stored in a GitHub Gist, parsed manually, and filtered by species. The chart is built with Chart.js, which uses the `fill` option to create semi-transparent filled areas under each line, with distinct colors for each species. The x-axis represents the flower index (1–50), while the y-axis shows sepal length in centimeters.

NNita
83% match
Loading thumbnail…

Fork of Reusable Scatter plot Activity 8

This fork of the Reusable Scatter plot Activity 8 visualizes the distribution of iris flower species as a pie chart. The chart displays the count of each species, with each slice labeled by species name. The visualization uses D3.js version 6.7.0 and is rendered as an SVG. Data is loaded from a remote CSV file containing iris measurements, and the code uses `d3.csv` to fetch and parse the data, then custom functions to compute species frequencies and render the pie chart with specified width, height, and radius. The visualization is styled with CSS for text and axis labels.

SSupriya Ravilla
83% match
Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes the distribution of different Iris species from a dataset loaded via d3.csv. The code uses d3.pie and d3.arc to generate the chart, with d3.scaleOrdinal assigning distinct colors to each species. Each slice is labeled with a formatted value, and a legend displays the species names alongside their corresponding colors. The visualization is rendered as an SVG using D3 v5, providing a clear comparison of species proportions in the Iris dataset.

Bbhanuteja1807@gmail.com
82% match