ICE-7 for Fruit and Veggies Price dataset

100%

ICE-7 for Fruit and Veggies Price dataset

✓ Published0🌍 Public

Last edited Apr 2, 2025

Created on Apr 1, 2025

Forked from Fruit and Veggies Price dataset

This visualization presents a three-part exploration of fruit and vegetable prices using a pie chart, a line chart, and an area chart. The pie chart shows the farm sell price distribution for products on 2019-05-19, with a legend generated using D3’s `scaleOrdinal` for color mapping. The line chart tracks strawberry farm prices over time, while the area chart displays farm price trends, both created using D3’s time-series and SVG path APIs. The data is loaded asynchronously from a CSV file via `fetch` and parsed manually.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fruit and Veggies Price dataset

This visualization displays the Fruit and Veggies Price dataset, showing a bar chart of prices for a selected date (2019-05-19) and a scatter plot alongside a summary table and data table. The code fetches CSV data from a GitHub gist, then uses D3.js v6 to render the bar chart and scatter plot as SVG elements. The summary section displays file size, column count, and row count, while the HTML table lists all records.

Ffreyatran124@gmail.com

81% match

Loading thumbnail…

ICE-7 PIE Chart

This example shows the sales of various fruits as a D3 pie chart with a corresponding legend. The chart uses d3.csv to load data from a remote GitHub gist, then d3.pie and d3.arc to compute and draw the slices. A d3.scaleOrdinal maps sales values to a hardcoded color palette. The legend displays each fruit name and its sales total formatted with d3.format. The SVG rendering approach is used throughout, with the chart centered and the legend positioned to the right.

RRadhakrishna246

81% match

Loading thumbnail…

ICE - 7 Pie Chart

This example visualizes the cost of various products as a pie chart, with each slice labeled and accompanied by a legend. Built with D3 v5, it loads cost data from a CSV file hosted on GitHub. The chart’s slices are generated using `d3.pie` and `d3.arc`, with each slice's percentage label positioned via the arc's centroid. A separate legend group displays a color swatch, product name, and cost value for each item.

PPrasanth Damarla

78% match

Loading thumbnail…

ICE7 - Pie Chart

This pie chart visualizes regional sales distribution, with each slice representing a region's proportion of total sales and a legend showing region names with percentage values. The code loads sales data from a GitHub-hosted CSV using d3.csv, then renders the chart with d3.pie and d3.arc functions, applying colors via scaleOrdinal. SVG elements are appended to the page using d3.select, with legend text formatted via d3.format to display percentages. The visualization uses d3.v5 and outputs the result as scalable vector graphics.

Kkuraakhila9@gmail.com

77% match

Loading thumbnail…

ICE-7 line chart

This line chart displays the price (USD) of grocery items from an ICE-6 CSV dataset, using D3.js v7 with SVG rendering. It maps item names on the x-axis and price values on the y-axis, scaling the linear y-axis with `d3.scaleLinear` and `d3.max` for the domain. A categorical band scale (`d3.scaleBand`) positions items, and x-axis labels appear at the band centers. The chart is created by loading external CSV data via `d3.csv`, parsing numeric columns, and generating a path with `d3.line` while adding axes and labels through `d3.axisBottom`, `d3.axisLeft`, and SVG text elements.

UUday Kiran

77% match

Loading thumbnail…

ICE-6 Multi-Series Chart – Fruits Weight & Price

This multi-series chart compares the average weight and average price of ten fruits. The visualization encodes weight as steelblue vertical bars plotted against the left y-axis, while price is shown as a crimson line connected by points scaled to the right y-axis. The chart uses D3.js v7 with SVG rendering, employing `scaleBand` for the categorical x-axis, dual `scaleLinear` axes for the y-axes, and the `d3.line` function for the price series. The data is hardcoded in the script, and hover effects are applied to the bars.

HHarshithmullapudi@my.unt.edu

77% match

Loading thumbnail…

ICE7

A pie chart shows average sales by outlet location type, aggregating data from a CSV file. D3.js loads the remote dataset, filters invalid entries, groups by location, and computes mean sales values. The visualization uses d3.pie, d3.arc, and d3.rollup to generate slices, with d3.scaleOrdinal mapping colors and d3.sum calculating percentages for labels. A legend identifies each category, rendered as SVG within a 600x500 canvas.

Ssrinathkarumuru@my.unt.edu

76% match

Loading thumbnail…

ICE 7

This pie chart visualizes sales by category, displaying five segments for electronics, furniture, clothing, and toys. The chart uses D3.js v7 to load the sales.csv dataset, then applies `d3.pie()` and `d3.arc()` to compute slice geometries, with `d3.scaleOrdinal` and `d3.schemeTableau10` assigning colors. It renders as SVG with category labels positioned via `labelArc.centroid()` and includes a legend showing each category and its value. Hovering over a slice reveals a tooltip with the category name and numeric value.

Aankitgoudpoodhari07@gmail.com

76% match