Skip to main content
SimilarExport ZIP
100%

Fork of Line Chart - Prathima

✓ Published0🌍 Public
Ppilliprathimarani@my.unt.edu
Last edited Mar 28, 2024
Created on Mar 28, 2024

This line chart displays the sales volume for each coffee item, using a red line to connect data points across categorical labels on the x-axis. The visualization fetches a CSV dataset from a GitHub gist, parses the rows to extract item names and sales values, and renders the chart with the Chart.js library on an HTML canvas. The chart includes a title, axis labels, and a legend positioned at the top, configured through Chart.js options for the line plot.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Area chart - Prathima

This example shows the sales volumes of various coffee products as a filled area chart, with green borders and pink fill, using data fetched from a raw gist URL and parsed manually by splitting CSV rows. It uses Chart.js to render the line chart on a canvas element, configuring the legend, title, and axis labels. The chart reads coffee names and numeric sales volumes from the dataset, and applies responsive options to display the visualization with a top legend and descriptive axis titles.

Ppilliprathimarani@my.unt.edu
86% match
Loading thumbnail…

fork of pie chart-prathima

This pie chart visualizes sales volume by item, with each slice representing a product and its corresponding unit count. The chart uses the Chart.js library in a canvas element to render the visualization, pulling data from a remote Gist-hosted CSV file. Each item is assigned a random color, while the legend displays the item name alongside its sales volume in units. The chart includes a title, a right-positioned legend, and custom tooltips that show the item name and unit count on hover.

Ppilliprathimarani@my.unt.edu
79% match
Loading thumbnail…

Fork of ICE-6-Prathima -coffee

This bar chart visualizes sales volumes for different coffee menu items, displaying each beverage name along the x-axis and its corresponding sales quantity on the y-axis. The visualization uses D3 v7’s `d3.csv` to load data from a GitHub gist, then applies `d3.scaleBand` and `d3.scaleLinear` to map categories and values. Bars are rendered as SVG rectangles with a steelblue fill, and axes include rotated labels using `d3.axisBottom` and `d3.axisLeft`.

Kkotlavamsireddy@gmail.com
76% match
Loading thumbnail…

Fork of Line Chart

This fork of a line chart displays company sales data over time, with companies on the x-axis and sales figures on the y-axis. The visualization uses a red line to connect data points, with axis labels and a title for context. It loads CSV data from a GitHub gist using d3.csv, parses the date and numeric values, and renders the chart as an SVG using d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line.

Mmanvithareddykarra
75% match
Loading thumbnail…

Fork of Line Chart

This visualization displays a line chart of store sales versus profit, with profit on the x-axis (treated as time) and sales on the y-axis. The line path is drawn in red using d3.line, while d3.scaleTime and d3.scaleLinear handle the axes, which are rendered with axisBottom and axisLeft. The SVG is 960 by 500 pixels, and the data is loaded as CSV from a GitHub gist, with the chart titled "Storesales profit."

AAnanyaSamala
73% match
Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes monthly sales data for 2022, plotting sales figures against months. The chart uses D3 v5 and renders as an SVG, with a purple line connecting data points. It employs `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Data is loaded from a CSV file via `d3.csv`, with axis labels and a title styled through CSS. The visualization includes gridlines via the y-axis tick size.

MM
73% match
Loading thumbnail…

Fork of Fork of Line chart

This line chart visualizes car sales data from 2013 to 2021, plotting yearly totals as a single red path against time-based axes. The SVG rendering uses d3.scaleTime and d3.scaleLinear to map years and sales counts, with d3.axisBottom and d3.axisLeft providing labeled ticks. The line is generated via d3.line and the data is loaded as CSV from a GitHub gist using d3.csv. Gridlines and axis labels clarify the values, while the chart’s title appears above the graphic.

VVenkata Rajashekar Reddy Chinthala
72% match
Loading thumbnail…

ICE-6-Prathima -coffee-Bar chart

This bar chart visualizes the sales volume of different coffee shop menu items, with each bar representing a specific coffee type. The data is loaded from a remote CSV file via `d3.csv` and parsed to convert sales figures into numbers. Using D3.js v7, the chart applies `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis, rendering bars as SVG rectangles. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and the chart includes a title and axis labels. The x-axis labels are rotated for readability, and bars change color on hover.

Ppilliprathimarani@my.unt.edu
72% match