Skip to main content
SimilarExport ZIP
100%

Fork of Line Chart

✓ Published0🌍 Public
MM
Last edited Mar 27, 2024
Created on Mar 27, 2024
Forked from Line Chart

This line chart displays the area in square kilometers for each U.S. state, using a categorical point scale for states and a linear scale for area values. The visualization loads CSV data from a GitHub gist and renders an SVG with axes, gridlines, and a red line path generated by `d3.line`. It employs `d3.scalePoint`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.csv` from D3 v5, with custom tick styling and rotated axis labels.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart with Multiple Lines

This line chart displays the count of a phenomenon across U.S. states, grouped by region (South, West, Midwest, Northeast) over five years (2011–2015), with each region represented by a distinct colored line. The visualization uses D3 v5’s `nest()` and `rollup()` to aggregate state-level data from a CSV file, then renders paths with `d3.line()`. It employs `scaleTime`, `scaleLinear`, and `scaleOrdinal` with `schemeCategory10` for axes and color encoding, plus a custom `colorLegend` component for region labels. SVG rendering includes axis labels and a title, with data sourced from the Data Canvas - Sense Your City project.

Sshehryar-hashir
82% match
Loading thumbnail…

myForkLine

This example displays a line chart of population values across different states, with time on the x-axis and population count on the y-axis. Using D3 v5, it loads CSV data from a GitHub gist via `d3.csv`, then renders an SVG with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators. The chart includes labeled axes, tick marks, and a red line path, with margins and formatting configured through D3’s selection and scale methods.

Iiahtisham
81% 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
81% match
Loading thumbnail…

Fork of A4_Bar-chart

This fork of A4_Bar-chart presents a scatter plot of U.S. state data from the 2014_usa_states.csv file, mapping two numeric columns to axes. It uses d3.csv to load the data, then applies d3.scaleLinear for x and y scales, d3.extent for domain calculation, and d3.axisBottom and d3.axisLeft to render axes. Circles are appended via the SVG selection and enter/exit pattern, colored steelblue with black strokes. The chart is rendered entirely with SVG elements, sized at 800×600 pixels with margins.

Ppavan vasamsetti
79% match
Loading thumbnail…

Fork

This horizontal bar chart displays the population of U.S. states in 2014, sourced from a Plotly-hosted CSV dataset. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map population values to bar lengths and state names to rows, with `axisLeft` and `axisBottom` rendering the axes. Custom tick formatting via `format('.3s')` abbreviates large numbers, while red bars and a title clarify the data. The code loads the CSV with `d3.csv`, converts population strings to numbers, and draws the chart in an SVG.

Ppavan vasamsetti
79% match
Loading thumbnail…

Fork of Line Chart

This example displays a line chart of U.S. population percentages over time, using red strokes on an SVG canvas with labeled axes for Year and Percentage. The code loads CSV data via `d3.csv`, formats dates with `new Date()`, and scales the axes using `d3.scaleTime` and `d3.scaleLinear`. It renders the line with the `d3.line` generator and adds gridlines through `d3.axisBottom` and `d3.axisLeft` with tick sizes. The visualization is built with D3 v5 and styled through external CSS.

TTejucmandava
79% match
Loading thumbnail…

Line chart

A multi-line chart displays tourist visitor counts for five US states—California, Texas, Florida, New York, and Illinois—from 2011 to 2021. Data is loaded via `d3.text` from a gist and parsed into per-state value arrays. The visualization uses D3 v7 to construct SVG paths with `d3.line`, linear scales, axis generators, and a drawn legend, with each state colored using `d3.scaleOrdinal` and `d3.schemeCategory10`.

Ssridhardubala106@gmail.com
78% match
Loading thumbnail…

Line chart with multiple lines

A line chart displays the number of reviews per day for multiple US states, with each state represented by a colored line. A legend allows clicking to highlight or fade individual states. Built with D3 v5, the visualization uses `d3.nest`, `d3.line`, `d3.curveBasis`, `scaleLinear`, and `scaleOrdinal` with `schemeCategory10`. Data is loaded via `d3.csv` from a VizHub dataset. SVG rendering includes axes, gridlines, and a title.

RResl411
77% match