Line Chart 11551417

100%

Line Chart 11551417

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 30, 2023

A line chart visualizes the number of H1 visa applications (in lakhs) over time, with each year plotted along the x-axis and reported cases on the y-axis. The chart uses D3 v5's `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, and a `line` generator with a `curveBasis` curve to create a smooth path. Data is loaded via `csv` from a GitHub gist, and the SVG rendering includes labeled axes and gridlines. The visualization is based on the Data Canvas – Sense Your City dataset, though the displayed values reflect H1 application counts.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

Loading thumbnail…

Area Chart 11551417

This area chart displays the number of H1 applications reported per year, with the title “H1 Applications” and labeled axes for years and case counts. Data is loaded from a CSV file and parsed into date and numeric values. Using D3 v5, the visualization employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with a `curveBasis` generator to render an orange filled path. The SVG output includes custom tick formatting and styled axis labels, following the tutorial’s framework.

SSrujana390

83% match

Loading thumbnail…

area chart

This area chart shows the number of visa slots in India from 2009 to 2019, with a black line tracing yearly values and an orange area filling beneath it. The visualization uses D3 v5 to load CSV data, parse dates with `d3.timeParse`, and render SVG elements. Scales are defined via `scaleTime` and `scaleLinear`, while axes are generated with `axisBottom` and `axisLeft`. Both line and area paths are drawn using `line` and `area` generators with `curveBasis` smoothing, and the data comes from a GitHub gist URL.

Ssiddu7147

77% match

Loading thumbnail…

Line Chart ICE-7

This line chart displays the number of museum visitors in Lakhs per year, with time on the x-axis and visitor counts on the y-axis, based on CSV data from Data Canvas - Sense Your City. The visualization uses D3 v5 to load and parse the data, then applies `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis` to create the smoothed orange path. The SVG rendering includes axis labels and a title, with data sourced from a GitHub gist.

MManohar Kowthavarapu

76% match

Loading thumbnail…

H1b Data With D3 React

This chart shows the number of H-1B visa petitions filed per year, with bars representing the total count for each year. The visualization uses React components to render SVG elements, with D3 v5 providing the scales and data loading through the `csv` and `scaleBand`/`scaleLinear` APIs. Data comes from the Office of Foreign Labor Certification via a GitHub gist, and the bars are positioned using the x and y scales, with axis labels generated by custom React components.

Yyinhao0424

74% match

Loading thumbnail…

Line Chart Project

A line chart depicts high hotel booking rates over time. The visualization uses D3 v5 to render an SVG, employing `scaleTime` and `scaleLinear` for the axes, `axisLeft` and `axisBottom` for ticks, and a `line` generator with `curveBasis` for the smoothed path. Data is loaded from a CSV via the `csv` function and parsed into dates and numbers before rendering.

Rrajasrilekkala

73% match

Loading thumbnail…

Line Chart Covid19 Data

This line chart displays cumulative COVID-19 cases in the United States over time, using data from the New York Times GitHub repository. The visualization plots dates on the x-axis and case counts on the y-axis, with a thick red line connecting data points. It is built with D3.js v6, using `d3.csv` for data loading, `d3.timeParse` for date formatting, and `d3.scaleTime` and `d3.scaleLinear` for the axes. The line is rendered as an SVG path via `d3.line`, with axis labels and a title added as SVG text elements.

BBrian Gilmore

72% match

Loading thumbnail…

krishna3

This line chart visualizes the annual number of USA immigrants from 2006 to 2021, with the x-axis mapping years on a time scale and the y-axis measuring immigrant counts. The data is loaded from a GitHub-hosted CSV file using the D3 `csv` function, then parsed and rendered as an SVG path generated by `d3.line`. The chart uses `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, with custom tick styling and labels for the title and axis descriptors. The red line path is styled via CSS, and the visualization is embedded in a React-based example.

Kkrishnareddy23

72% match

Loading thumbnail…

Line Chart Template

This example plots daily COVID-19 case counts in Hubei province over time as a smooth, maroon line. The chart uses a time-scaled x-axis for dates and a linear y-axis for case numbers, with gridlines and labeled axes for clarity. Built with D3 v5, it loads data from a CSV file using `d3.csv`, scales it with `scaleTime` and `scaleLinear`, and renders the line via the `d3.line` generator with a `curveBasis` interpolation. The visualization is drawn as SVG elements, including axes, a title, and the line path.

LLex

72% match