Skip to main content
SimilarExport ZIP
100%

Kumar Danam pie chart

✓ Published2🌍 Public
KKumar Danam
Last edited Oct 27, 2025
Created on Oct 27, 2025

This pie chart visualizes the distribution of horsepower across car models from a CSV dataset loaded via `d3.csv`. Each slice is rendered using `d3.pie` and `d3.arc` in an SVG, with labels positioned along an outer arc. Hovering a slice triggers a tooltip showing the model, horsepower value, and percentage of total. A color-coded legend, built with `d3.scaleOrdinal` and the Tableau10 scheme, accompanies the chart.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Kumar Danam area chart

This area chart visualizes the average car horsepower by year, using data from a car performance CSV loaded via `d3.csv`. The chart aggregates raw Horsepower values into yearly averages with `d3.rollup`, then renders a semi-transparent filled area, an overlaid blue line, and interactive circles. It uses `d3.area`, `d3.line`, and `d3.scaleLinear` within an SVG, with a custom mouseover tooltip. The axes are labeled "Year" and "Horsepower," and the visualization is built entirely with D3.js v7.

KKumar Danam
84% match
Loading thumbnail…

Kumar Danam - LINE CHART

A line chart displays average car horsepower per year, with an overlaid scatterplot of individual data points, each circle colored by car model. The average trend is shown as a blue line, while hovering over any point reveals a tooltip with the model, year, and horsepower. The visualization aggregates the CSV data using `d3.rollup` and computes the mean horsepower, then renders the SVG with `d3.line` for the average line and `d3.scaleOrdinal` for color mapping. Interactive tooltips are enabled through `d3.select` and mouse event handlers.

KKumar Danam
83% match
Loading thumbnail…

Kumar Danam -pie chart

This example shows the distribution of energy consumption across six sources—Coal, Natural Gas, Hydro, Nuclear, Solar, and Wind—using a pie chart with a color-coded legend and slice labels. The SVG visualization is built with D3 v7, using `d3.pie()` to compute arc angles and `d3.arc()` to generate the slices. Data is loaded from an external CSV file via `d3.csv()`, and a categorical color scale (`d3.scaleOrdinal` with `schemeTableau10`) assigns distinct hues to each energy source. The chart includes a title and a right-aligned legend, with white strokes separating the slices.

KKumar Danam
82% match
Loading thumbnail…

CarPerformance PieChart

This pie chart visualizes how vehicles in the CarPerformance dataset are distributed across three horsepower ranges: low (≤120 HP), medium (121–160 HP), and high (>160 HP). Each slice’s size reflects the count of vehicles in that category, with colored segments and a legend for identification. The visualization loads data from a CSV file using `d3.csv`, then applies `d3.pie` and `d3.arc` generators to create the slices. A `d3.scaleOrdinal` color scale maps the categories to distinct colors, while `arcGen.centroid` positions the labels within each slice.

Ssowjanya
81% match
Loading thumbnail…

Q1_DataViz_PiechartForCarPerformance

This pie chart displays the distribution of horsepower across various car manufacturers. The visualization uses a D3.js pie chart to represent each model's contribution to total horsepower, with percentage labels displayed directly on the slices. A legend maps colors to car models, while the chart includes axis labels for context. The implementation uses d3.pie for slice calculation, d3.arc for path generation, and d3.scaleOrdinal with d3.schemeCategory10 for color assignment. Data is loaded from a remote CSV file and rendered as SVG within a web page.

Nnikhilkinnera1998@gmail.com
80% match
Loading thumbnail…

Kumar Danam Reusable scatter plot

This example demonstrates a reusable scatter plot of car data from a CSV file, showing horsepower and miles per gallon. It renders SVG circles with axes and labels, with the visualization automatically alternating the x- and y-axis assignments every two seconds. The code uses d3.csv for data loading, d3.scaleLinear for scaling, d3.axisBottom and d3.axisLeft for axes, and the scatterPlot function pattern for reusability in D3 v6.

KKumar Danam
80% match
Loading thumbnail…

Fork of Q1_DataViz_PiechartForCarPerformance

This example shows the distribution of horsepower across various car models using a pie chart with a color-coded legend. It loads CSV data from a GitHub gist via `d3.csv`, then builds the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` using `d3.schemeCategory10`. The SVG renders labeled arcs with model and horsepower values, while a separate legend group lists each model. The code uses D3 v6 and renders entirely as SVG within a dedicated container.

Nnikhilkinnera1998@gmail.com
79% match
Loading thumbnail…

Niharika Piechart

This pie chart visualizes BMW car sales distribution by model, with each slice showing the total sales volume for a specific model. The chart renders as SVG using D3.js, with labels positioned around the outer arc showing each category’s percentage share. Data comes from a CSV file loaded via `d3.csv`, aggregated with `d3.rollup`, and visualized using `d3.pie` and `d3.arc`. A color legend and interactive tooltips are also included.

118121a1545
79% match