Skip to main content
SimilarExport ZIP
100%

Akshitha Rapala - Fork of ICE7

✓ Published0🌍 Public
Aakshitha.rapala@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024
Forked from ICE7-Pie Chart

This pie chart displays product sales data for January 2023, with each slice labeled by its sales value in millions and a corresponding legend listing product names and amounts. The visualization uses D3.js v5, loading CSV data via `d3.csv` from a GitHub gist, and renders the chart with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color assignment. Interactive styling and labels are applied through SVG selections and a color palette of ten predefined colors.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Akshitha Rapala Fork of ICE-7 Line Chart

This example shows monthly electronics sales for 2023 as an orange line chart, with month names on the x-axis and sales values on the y-axis. The visualization uses D3 v5 to load CSV data from a GitHub gist and render an SVG. It constructs the chart with `scalePoint` for categorical months, `scaleLinear` for the numeric axis, and `line` to generate the path, while custom axis labels and a title are styled via CSS.

Aakshitha.rapala@gmail.com
86% match
Loading thumbnail…

Akshitha ICE-6 Fork of HTML Starter

This example visualizes December sales figures for various products using a scatter plot, where each dot represents a product's sales value. The visualization emphasizes clarity by placing product names along the y-axis and sales amounts on the x-axis, with axis labels for context. It loads data from a CSV file using D3 v5’s `csv` function, then constructs the chart with `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and renders circles via `selectAll` and `enter`/`append`. The SVG output includes styled axes and text, with the code running in a React framework.

Aakshitha.rapala@gmail.com
85% match
Loading thumbnail…

Fork of ICE - 7 Pie Chart

This pie chart displays the percentage of sales for different items, with a legend positioned to the right showing each item’s name and corresponding value. The chart is built with D3 v5, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` for color mapping, and `d3.csv` to load the dataset from a GitHub gist. The visualization renders as SVG, with section labels and legend text styled via CSS.

RRahulSai05
84% match
Loading thumbnail…

Fork of Akshitha Rapala Fork of ICE-7 Line Chart

This line chart visualizes monthly electronics sales for 2023, with months on the x-axis and sales figures on the y-axis. The chart uses D3 v5’s `scalePoint` for categorical month labels and `scaleLinear` for the sales axis, while `d3.line()` generates the orange path. Data is loaded from a CSV file via `d3.csv`. The SVG rendering includes labeled axes, grid lines, and a green title, with the y-axis label rotated and styled in red.

Rreddysushma994@gmail.com
84% match
Loading thumbnail…

Akshitha Rapala Fork of ICE-7 Area Chart

This area chart visualizes monthly electronics sales for 2023, displaying a smooth trend line and a filled pink region beneath it to highlight sales volume variations. The chart uses D3 v5’s `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `area` with `curveBasis` to create the smoothed area shape. Data is loaded from a CSV via `d3.csv`, and axes are rendered with `axisBottom` and `axisLeft`, including custom tick formatting and labels, all within an SVG.

Aakshitha.rapala@gmail.com
84% match
Loading thumbnail…

Fork of Piechart ICE - 7 Rohith Arabati

This pie chart visualizes the distribution of car sales across different companies, with each slice labeled by its sales value in thousands. The chart uses d3.pie and d3.arc to generate the segments, while d3.scaleOrdinal assigns colors to each company. Data is loaded from a CSV file using d3.csv, and the SVG rendering includes a legend showing company names and their corresponding sales figures. The visualization is built with D3.js version 5.

Bbhanuteja1807@gmail.com
83% match
Loading thumbnail…

Fork of Assignment ICE 7

This pie chart displays the number of units purchased for each item, with values labeled on each slice and a color-coded legend listing items and their corresponding counts. The visualization is built using D3 v5, loading CSV data from a GitHub gist and rendering with SVG. It uses `d3.pie`, `d3.arc`, and `scaleOrdinal` to generate the chart, while the legend is constructed manually with appended rectangles and text elements.

VVaishnavi6199
83% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart

A pie chart displays annual car sales for different companies in India, with each slice labeled with its sales value in thousands and accompanied by a color-coded legend showing company names and corresponding totals. The visualization uses d3.pie() and d3.arc() to generate the chart, with d3.scaleOrdinal assigning colors from a predefined palette. Data is loaded asynchronously from a CSV file using d3.csv, and text labels are positioned using the arc centroid method. The SVG rendering relies on d3 v5, with formatting applied via d3.format.

RRohith arabati
83% match