Skip to main content
SimilarExport ZIP
100%

ICE-7 Line_Graph (Dhanusree Kodali)

✓ Published3🌍 Public
DDhanusree Kodali
Last edited Jul 7, 2022
Created on Jul 1, 2022

This line graph shows the number of Walmart employees in millions from 2009 to 2022, based on an employees.csv dataset. Interactive hover selection highlights the nearest data point, displaying its exact value as a label and drawing a red vertical rule at that year. Built with Vega-Lite's API through `vl.markLine`, `vl.markCircle`, and `vl.markRule`, it uses `vl.selectSingle` for mouseover interactions and configures axis styling via a custom config.js.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

11540639-ICE-7 Line Chart

This line chart shows the number of Walmart stores in the US over the last ten years, with years on the x-axis and store counts on the y-axis. The visualization is rendered as an SVG using D3 v5, employing `scaleTime` for the temporal axis, `scaleLinear` for the count axis, and `line` to generate the path. The chart includes labeled axes, grid lines, and a bold orange line, with data parsed from a CSV file using `csv` and `timeParse`. The styling uses custom CSS for tick labels, axis text, and the line’s appearance.

SSravanthi Silla
81% match
Loading thumbnail…

ICE 7 - line graph

This line chart visualizes the weekly sales of Walmart over a 52-week period. The y-axis represents sales figures, ranging from 0 to 4,000,000, while the x-axis tracks the week number. Using D3.js (v5), the code loads CSV data from a GitHub gist and renders an SVG line graph with a slateblue stroke. It employs d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for ticks, and d3.line to generate the path. The chart includes labeled axes, gridlines, and a title, with margins positioning the plot centrally.

IIsabella Jaya Rani C
80% match
Loading thumbnail…

ICE 7.3

This example shows Walmart sales over an 11-year period as a single line chart, with time on the x-axis and total sales value on the y-axis. The visualization is built with React and rendered as an SVG using D3 v5, specifically leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `line` generator to draw the path. Data is loaded as CSV and parsed with `d3.timeParse` to convert date strings into temporal values. Grid lines are styled via CSS, and axis labels are added as SVG text elements.

Kkartik900
78% match
Loading thumbnail…

ICE 7.4

This visualization displays 11 years of Walmart sales data as a smooth area chart, with a black line tracing sales over time above a yellow filled region. The SVG chart uses D3.js v5 scales, axes, and generators, including `scaleTime`, `scaleLinear`, `line`, and `area` with `curveBasis` for smoothing. The data is loaded from a remote CSV file, with years parsed via `d3.timeParse` and sales converted to numbers. Axis labels and gridlines are styled through CSS, while tick labels on the y-axis are formatted using D3's `format` with the `.3s` specifier.

Kkartik900
78% match
Loading thumbnail…

11540639-ICE7-Area Chart

This area chart displays the number of Walmart stores in the US from 2011 to 2021. A smooth curve, generated using the `area()` and `curveBasis` functions, fills the space beneath the line, which uses `line()`, with a deeppink color. The chart is built with D3 v5, rendering to SVG, and loads its data from a CSV file hosted in a GitHub gist by SravanthiSilla.

SSravanthi Silla
76% match
Loading thumbnail…

ICE 7- Area Chart

This area chart visualizes the weekly sales of Walmart over time, with a smooth, curved line and a skyblue fill beneath it to emphasize the trend. The visualization is built with D3 v6 using the `area` generator with a `curveBasis` interpolation, and it scales the x-axis with `scaleTime` and the y-axis with `scaleLinear`. The chart includes labeled axes and a title. The data is loaded from a CSV file containing weekly sales figures.

IIsabella Jaya Rani C
75% match
Loading thumbnail…

ICE-7 Line Chart

This visualization aggregates Walmart weekly sales data by temperature bins, smoothing the resulting points into a blue basis-spline line chart. It uses D3 version 7 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to render the SVG. The chart plots temperature in Fahrenheit on the x-axis against total weekly sales on the y-axis, with the data sourced from a CSV hosted on GitHub. Axis labels and a title annotate the plot, which lacks interactive features.

SSanjib Paudel
75% match
Loading thumbnail…

ICE-7 Pie Chart

This example visualizes the weekly sales of Walmart for ten dates as a pie chart, with each slice colored and labeled by its corresponding sales amount in millions of dollars. The pie chart layout is generated using D3.js version 7, employing the `pie` and `arc` functions, while `scaleOrdinal` with `schemeCategory10` assigns colors. A legend on the right displays each date and its formatted sales value, drawn with SVG `rect` and `text` elements. The data is loaded asynchronously from a CSV file hosted on GitHub, and all rendering is done with SVG.

SSanjib Paudel
72% match