Skip to main content
SimilarExport ZIP
100%

ICE - 7 Pie Chart

✓ Published0🌍 Public
AAbhinav-Mullapudi
Last edited Mar 12, 2023
Created on Mar 12, 2023
Forked from ICE - 7 Pie Chart

This pie chart displays Austin car registrations by fiscal year from 2013–2021. The visualization uses d3.pie and d3.arc to generate SVG segments, with d3.scaleOrdinal assigning colors and d3.csv loaded from a GitHub Gist. Mouseover events reveal tooltips, while a legend lists each year. The chart includes ten color-coded slices, with data aggregated from the CSV’s CARS column and rendered as static, non-animated SVG paths.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Pie Chart

A pie chart breaks down car registrations in Austin, Texas by fiscal year from 2012 to 2021, with each slice sized by the number of cars and a legend listing each year. The chart uses D3 v5’s `pie`, `arc`, and `scaleOrdinal` APIs, along with SVG paths, to render the segments and legend. Animated hover effects use `transition` to show a tooltip with the year’s registration count, driven by mouseover and mouseout events. Data is loaded asynchronously from a GitHub gist CSV via `d3.csv`.

Nnagarajuobbineni
96% match
Loading thumbnail…

ICE-7 - Area_Graph

This interactive area chart displays car registrations in Austin, Texas from 2012 to 2021, with a red rule marking the hovered fiscal year and text labels showing exact car counts. Built using Vega-Lite API and D3.js, the visualization layers an area mark with circles, applying a single selection on x-encoding with mouseover events to highlight the nearest data point. Data is loaded asynchronously from a GitHub-hosted CSV file using D3’s csv parser, and the chart is rendered as SVG with tooltip support. The configuration customizes axis styles and label colors for readability.

Nnagarajuobbineni
85% match
Loading thumbnail…

ICE-7 Area_Graph

This interactive area chart displays the number of car registrations in Austin over fiscal years. The visualization uses a layer of area, circle, and rule marks to show the trend, with mouseover interactions that highlight the nearest data point and display its value. Built with Vega-Lite API and D3.js, it loads CSV data from a remote URL and renders to an SVG canvas.

AAbhinav-Mullapudi
85% match
Loading thumbnail…

ICE-7 Line_Graph

This line graph visualizes car registrations in Austin, Texas from 2012 to 2021, using fiscal year on the x-axis and number of cars registered on the y-axis. The chart layers a blue line with circles at each data point, and adds interactive features through vega-lite API selection and hover events, displaying rule-based crosshairs and value labels. The visualization uses d3.v5 for CSV data loading from a GitHub-hosted Austin car registration dataset, with Vega and Vega-Lite handling rendering and tooltips. Custom color and font styling are applied through a config file.

Nnagarajuobbineni
84% match
Loading thumbnail…

ICE-7 Line_Graph

This line graph charts car registrations in Austin over time, using fiscal year on the x-axis and number of cars on the y-axis. It layers a line, circles, and interactive hover selectors using vega-lite-api, with a mouseover rule and text labels showing exact values. The visualization loads CSV data via d3.csv, configures axes and styling through a custom Vega-Lite config, and renders with the Vega view and vega-tooltip for enhanced interactivity.

AAbhinav-Mullapudi
83% match
Loading thumbnail…

ICE - 7 Pie Chart for Car Sales (11508271)

This example visualizes top brand car sales in the USA for 2020 as a pie chart, with each slice labeled in thousands and a legend listing brands and their corresponding sales values. It uses d3.csv to load the data from a remote CSV file, then d3.pie and d3.arc to generate the chart’s paths, while d3.scaleOrdinal assigns colors to slices. All rendering is done via SVG, with text elements placed using arc.centroid for slice labels and a custom legend built from appended rectangles and text.

Aabdulmoin9624
83% match
Loading thumbnail…

ICE - 7 Pie Chart

This pie chart visualizes 2022 US auto sales by brand, displaying each brand’s year-to-date sales as a proportional slice with a color-coded legend that also lists the percentage and sales volume in thousands. The chart is built using D3 v5, with the `d3.pie` and `d3.arc` functions generating the segments from data loaded via a custom `getData` helper. Colors are assigned using `d3.scaleOrdinal`, and the legend is constructed manually with SVG `<rect>` and `<text>` elements. The visualization renders as static SVG, with a simple title and centered layout.

66264kusuma@gmail.com
82% match
Loading thumbnail…

ICE 7 Pie Chart

This pie chart displays 2021 car sales by type, with each slice labeled by car category and its percentage of total sales. A legend to the right provides additional identification of the color-coded segments. The visualization is built using D3.js v5, which handles the data loading, pie layout, and arc generation. The code uses `d3.pie()` to compute the angles, `d3.arc()` to draw the slices, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the color palette, with data fetched from a remote text file.

RRahulbelede97@gmail.com
82% match