Skip to main content
SimilarExport ZIP
100%

Fork of Blank Slate with Hot Reloading

✓ Published0🌍 Public
Vvikramkotlo9@gmail.com
Last edited Nov 6, 2024
Created on Nov 6, 2024

This visualization displays a pie chart of video game releases, using release year as the categorical color grouping and price as the slice value. The chart is built with D3.js v6, loading data from a remote CSV file via `d3.csv` and rendering SVG `path` elements with a `d3.pie` layout and `d3.arc` generator. A color scale using `d3.scaleOrdinal` and `d3.schemeSet3` fills each slice, while text labels at the centroid of each arc show the year and price. A simple legend on the left lists the years with matching colors.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example displays a pie chart of regional sales data from a CSV file, with each slice’s percentage labeled and a legend listing regions and their shares. It uses D3’s `csv`, `pie`, `arc`, and `scaleOrdinal` to fetch data, compute slice geometry, and map colors. The chart is rendered into an SVG, with the VizHub V3 runtime handling data loading and hot reloading.

Aaparnachalumuri@gmail.com
84% match
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

A multi-line chart tracks home values over time for multiple regions, with each region’s path colored uniquely and labeled in a legend. The visualization uses D3.js (v3) with `d3.csv` to load `final_data_with_population.csv`, then groups the data by `RegionName` via `d3.group`. Lines are drawn using `d3.line` and scales from `d3.scaleLinear`; axes rely on `d3.axisBottom` and `d3.axisLeft`. The SVG output is generated inside a `draw()` function that appends to an existing `#chart` element.

Ppaulphillips@my.unt.edu
78% match
Loading thumbnail…

Fork of HTML Starter

This interactive D3.js v7 scatter plot visualizes video game sales, Metacritic scores, and average playtime across genres. Each circle encodes copies sold on the x-axis, Metacritic score on the y-axis, genre through color, and playtime through circle size, with Minecraft highlighted in red. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal` with `d3.schemeTableau10`, and `d3.scaleSqrt` for sizing. Data loads from a CSV via `d3.csv`, and SVG rendering includes axes, labels, and a color legend.

AAbhilashReddyVenreddy@my.unt.edu
78% match
Loading thumbnail…

Fork of pie chart

This fork of a pie chart shows product sales distribution for a selected year, with a dropdown menu to switch between 2018 and 2024 data. The D3 v7 code loads CSV data via `d3.csv`, uses `d3.pie()` and `d3.arc()` to generate SVG slices, and renders percentage labels for segments larger than 5%. A color scale maps product names to slices, and a legend lists each product alongside its color swatch. The chart updates in place by clearing and redrawing the SVG on each year selection.

AAmrit Adhikari
77% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

A pie chart displays year-to-date auto sales by brand for 2022, with each slice sized by sales volume and a legend showing brand colors, percentage of total, and sales in thousands. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `svg` selection APIs to render SVG paths and legend elements. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`.

Vviveknaroju999@gmail.com
77% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

A pie chart displays year-to-date auto sales by brand for 2022, with each slice sized by sales volume and a legend showing brand colors, percentage of total, and sales in thousands. The visualization uses D3 v5’s `pie`, `arc`, `scaleOrdinal`, and `svg` selection APIs to render SVG paths and legend elements. Data is loaded from a CSV file hosted on GitHub Gist via `d3.csv`.

Vviveknaroju999@gmail.com
77% match
Loading thumbnail…

Fork of Fork of Blank Slate with Hot Reloading

This example loads a CSV file from a public gist and presents a data summary, a preview table of the first five rows, and a bar chart showing categorical counts. It uses `d3.csv` to fetch and parse the data, dynamically detects numeric columns, and renders the summary statistics and table into HTML elements. The bar chart is drawn as an SVG using D3’s selection and scale APIs, with all styling applied via CSS.

RRithvik
77% match
Loading thumbnail…

Fork of Pie Chart

This visualization displays a pie chart of annual values from 2010 through 2020, with each slice labeled by its corresponding year and colored using the D3 categorical color scheme. The chart is rendered as SVG within a 600x400 pixel canvas, using the `d3.pie` layout function to compute arc segments and `d3.arc` to generate the path geometries, with color assigned via `d3.scaleOrdinal`. Labels are positioned at each slice’s centroid using the arc’s centroid method.

YYashwanth0311
77% match