Fork of Fork of Line Chart - US Airline Traffic - Number of Flight

100%

Fork of Fork of Line Chart - US Airline Traffic - Number of Flight

✓ Published0🌍 Public

Last edited Mar 28, 2024

Created on Mar 28, 2024

Forked from Fork of Line Chart - US Airline Traffic - Number of Flight

This line chart displays the revenue of ten Indian states from 2020 to 2024, with each state represented by a distinct colored line and a legend. The data is loaded from a remote text file and parsed to extract only the selected states. Using D3.js v7, the code defines linear scales for the x-axis (years) and y-axis (revenue), then draws paths with the `d3.line` generator and applies the `d3.scaleOrdinal` color scheme. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while SVG text elements provide the chart title and axis labels.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Line Chart - US Airline Traffic - Number of Flight

This example visualizes population trends for five selected countries—India, the United States, China, Japan, and Germany—from 2011 to 2021, using a multi-line chart where each line is color-coded by country. It reads a CSV file from a GitHub gist and parses the text with `d3.text`, then builds the chart with D3 v3. The visualization uses `scaleLinear` for both axes, `d3.line` for path generation, and `d3.axisBottom` and `d3.axisLeft` for the year and population scales, with a legend and title added as SVG text.

Ssrividyamadas@gmail.com

82% match

Loading thumbnail…

Fork of Electric Bar Chart Using d3.stack

This visualization displays the revenue of ten selected Indian states from 2020 to 2024 as an overlapping area chart, with each state’s trend represented by a semi-transparent colored band. The code loads CSV data via `d3.text`, filters it to the desired states, and constructs the chart using the D3 v7 `d3.area()` generator with `d3.scaleLinear` for both axes. SVG rendering includes `d3.axisBottom` and `d3.axisLeft` for the year and revenue scales, while a legend lists each state with its matching color from `d3.scaleOrdinal(d3.schemeCategory10)`. The chart sources data from a GitHub gist and is rendered entirely in SVG.

Ssrividyamadas@gmail.com

81% match

Loading thumbnail…

Fork of Menu with D3

The visualization displays revenue by state from 2020 to 2024 as overlapping semi-transparent area charts, with a color-coded legend identifying ten selected Indian states. Built with D3 v7, the code loads CSV data via `d3.text`, filters for specified states, and renders SVG paths using a custom `d3.area()` helper. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while categorical colors come from `d3.scaleOrdinal(d3.schemeCategory10)`. The chart includes labeled axes for year and revenue (USD) plus a title.

Ppmbhupathibalu@gmail.com

80% match

Loading thumbnail…

Fork of line chart ice7

A line chart displays Total_Sales across US states from 2012 to 2022. The visualization uses d3.scaleTime and d3.scaleLinear to map state dates and sales values to SVG coordinates, with axes generated via d3.axisBottom and d3.axisLeft. A d3.line generator creates the path, which is styled with a teal stroke. Data loads from a CSV file using d3.csv, then parses the state column into Date objects for the time scale.

KKarnisrikanth

78% match

Loading thumbnail…

Line chart - Mahesh - ICE7

This line chart visualizes revenue trends for five selected states—California, New York, Texas, Florida, and Illinois—from 2020 to 2023. It uses D3.js v7 to load comma-separated text data, parse it, and render an SVG with a multi-line chart. The code applies `d3.scaleLinear` for axes, `d3.line` with `d3.curveLinear` for path generation, and `d3.scaleOrdinal` with `schemeCategory10` for colors. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, with a legend and title included.

Ppmbhupathibalu@gmail.com

77% match

Loading thumbnail…

Untitled

This interactive line chart shows monthly passenger traffic to India for individual airlines, with a dropdown menu to switch between carriers. Each line traces the number of passengers across the 12 months, colored via a categorical scale. The visualization uses d3.v4 with an SVG path updated through a transition on the `d` attribute when the selection changes. Data is loaded from a remote CSV, and axes are generated with `d3.axisBottom` and `d3.axisLeft`. The color scheme comes from `d3-scale-chromatic`.

Jjs164

76% match

Loading thumbnail…

Fork of linechart

This line chart displays the population of five selected countries—India, the United States, China, Japan, and Germany—from 2011 to 2021. It loads comma-separated data via `d3.text`, parses it, and renders multiple lines using `d3.line` with `d3.curveLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and a legend lists each country’s color from `d3.scaleOrdinal` with `d3.schemeCategory10`. The visualization uses an SVG rendering approach within a fixed-width container, labeling the y-axis in billions.

Ssrividyamadas@gmail.com

76% match

Loading thumbnail…

Fork of Fork of line chart section 3

A line chart displays car sales data from India across the years 2013–2021, with year on the x-axis and total sales on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render an SVG path with red strokes. Data is loaded via `csv` from a GitHub Gist, with parsed years and numeric population values. Grid lines and axis labels are styled through CSS classes applied to the SVG elements.

Bbhargavarathod

75% match