Skip to main content
SimilarExport ZIP
100%

Scientific Data Visualisation ICE7 Part 3

✓ Published0🌍 Public
SSravyaAnnadi
Last edited Jul 4, 2022
Created on Jul 4, 2022

This visualization displays the electronic sales trends in Nepal from 2013 to 2022 using a line chart. The chart shows sales figures over time, with a red line plotted against a time-based x-axis and a linear y-axis for sales amounts. Built with D3 v5, the code uses `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `d3.line` to construct the visualization. The data is loaded from a CSV file using `d3.csv`, with dates parsed via `d3.timeParse` and rendered as an SVG.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7(Line Chart)

This visualization shows electronic sales in India from 2009 to 2022 as a line chart. The code uses D3 v5 APIs including `scaleLinear`, `scaleTime`, `line`, `axisLeft`, and `axisBottom` to render the SVG path representing the sales trend over time. Data is loaded from a CSV file hosted on GitHub, with year values converted to date objects and sales figures parsed as numbers. The chart includes labeled axes, a title, and gridlines, with styling applied via an external CSS file.

PPrathyusha Jampala
83% match
Loading thumbnail…

ICE-7 Line Chart

This line chart displays electronic sales in India from 2009 to 2022, with the year on the x-axis and sales figures on the y-axis. The visualization is rendered as an SVG using D3 v5, with data loaded from a CSV file hosted on GitHub. The chart uses `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `line` to generate the path. Axes are labeled with `axisBottom` and `axisLeft`, and the chart includes a title and custom styling for the line and text.

SSaiSree0122
80% match
Loading thumbnail…

Data of Electronic sales line chart

This line chart displays electronic sales totals over time, using a multi-year date range on the x-axis and cumulative sales figures on the y-axis. The visualization loads CSV data from a GitHub gist and renders a single black trend line in an SVG canvas. It employs D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to generate axes with grid ticks and the path. The chart labels both axes and uses a skyblue background from its stylesheet.

DDINESH SAI BOPPANA
80% match
Loading thumbnail…

ICE-7 Line Chart

This line chart shows electronic sales in India from 2009 to 2022, with the year on the x-axis and sales figures on the y-axis. The visualization uses d3.scaleTime and d3.scaleLinear to map the data, while d3.axisBottom and d3.axisLeft render the labeled axes with gridlines. A d3.line generator creates the indigo path, and D3’s csv function loads the dataset from a GitHub gist. The SVG is rendered inside a React component with CSS styling for fonts and colors.

HHARSHA BUDDANA
80% match
Loading thumbnail…

ICE-7 Line Chart

This line chart displays annual sales for an e-commerce site from 2009 to 2019, with a blue line tracing the trend over time. Using D3 v5, it loads CSV data via `d3.csv`, parses dates with `d3.timeParse`, and constructs the visualization with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line`. The SVG includes gridlines from tick marks, axis labels, and a styled path, with sales values formatted using `format('.3s')`. The chart is rendered entirely in SVG with axes positioned inside a margin-defined area.

PPrasanth Damarla
80% match
Loading thumbnail…

Line Chart

This line chart visualizes electronic sales in India from 2000 to 2013, with years on the x-axis and sales values on the y-axis. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generator to render an SVG path with blue strokes and green tick labels. Data is loaded as CSV from a GitHub Gist via `d3.csv` and parsed into `Date` and numeric values. The chart includes axis labels, titled text, and a grid-like structure created with tick lines.

Ppavankalyan1507
79% match
Loading thumbnail…

Fork of ICE 7question 3 Line Chart

This line chart displays electronic sales in India from 2009 to 2022, with year on the x-axis and sales figures on the y-axis. The visualization uses d3.scaleTime for the temporal axis, d3.scaleLinear for the value axis, and d3.axisBottom/axisLeft for tick marks. A single blue line path is generated via d3.line, with data loaded asynchronously from a CSV file using d3.csv. The React-based SVG rendering includes labeled axes, a title, and grid lines, with styling applied through external CSS.

SSaiSree0122
79% match
Loading thumbnail…

ICE 7 Line Chart

This chart shows sample sales data from 2010 to 2022 as a single line, with a time-scaled x-axis for years and a linear y-axis for sales values. The visualization uses D3 v5 to load CSV data, then draws an SVG line path using `d3.line`, with axes generated by `d3.axisBottom` and `d3.axisLeft`. The code imports modules like `scaleTime`, `scaleLinear`, `extent`, and `max` from D3 via a Rollup bundle that outputs to `bundle.js`. The styling applies custom CSS for gridlines, axis labels, and the stroke color of the line path.

Ddheeraj1509
79% match