Skip to main content
SimilarExport ZIP
100%

Line Chart

✓ Published0🌍 Public
GGoomble
Last edited Feb 13, 2017
Created on Feb 13, 2017

This line chart displays the daily number of crimes over a 31-day period, with the x-axis mapping days and the y-axis mapping crime counts. The SVG rendering uses D3 v4, specifically `d3.scaleTime` and `d3.scaleLinear` for position encodings, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file via `d3.csv`, with numeric parsing applied to both fields. The line is drawn in steelblue with rounded joins and caps, and the y-axis is labeled "Price ($)".

AI-generated description

This simple line chart is constructed from a TSV file storing the closing value of AAPL stock over the last few years. The chart employs conventional margins and a number of D3 features:

forked from <a href='http://bl.ocks.org/mbostock/'>mbostock</a>'s block: <a href='http://bl.ocks.org/mbostock/3883245'>Line Chart</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

fresh block

A line chart displays daily crime counts across a 31-day period, with points connected by a single path. The visualization uses D3 v4 with `d3.scale.linear` for both axes, `d3.svg.axis` for ticks, and `d3.svg.line` to generate the path. Data from `numbers3.csv` is loaded via `d3.csv`, with day and crimes values parsed as numbers. An SVG canvas of 600x270 pixels, excluding margins, renders the axes and line, showing a fluctuating trend peaking around day 16 and dipping near day 25.

GGoomble
84% match
Loading thumbnail…

Fork of D3.js Line Chart

This visualization displays country crime indices as a line chart, using a bar-chart-style categorical X axis for countries and a linear Y axis for crime scores. Built with D3 v7, it loads data from a CSV file using `d3.csv`, applies a `scaleBand` for country positioning and `scaleLinear` for the crime index range, and draws the line with `d3.line()`. The SVG chart includes axes, labels, and a thick steel-blue stroke, rendered within a fixed 960×400 pixel canvas and styled with external CSS.

Bbhanuprasadk19
79% match
Loading thumbnail…

Multi-Line Time Series Plot

A multi-line time series plot tracks crime rates over time, using a steelblue line to show the trend. The visualization is built with d3.v6 and rendered as SVG, mapping the `Year` and `Crimes` columns from a CSV file. It uses `d3.scaleTime` and `d3.scaleLinear` to create the x and y axes, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Axis labels and a title are added as SVG text elements.

TTarun Kumar Bosupally
79% match
Loading thumbnail…

Fork of ICE-7 Line Chart

This line chart displays crime indices across different countries, with each country plotted along the x-axis based on a date-converted value and crime index on the y-axis. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` generators to render an SVG path with gridlines, axis labels, and a title. Data is loaded as CSV from a GitHub gist, parsed, and converted so country names become date objects, while crime indices are parsed as numbers. The chart is drawn with red strokes and styled via an external stylesheet.

NNikitha123171
78% match
Loading thumbnail…

Fork of Line_Stroke_Death

This line chart displays the Crime Index for various countries using an orange, curved line. The visualization is built with D3 v5, using `scaleLinear`, `scaleTime`, and `line` with `curveBasis` to generate the path. Axes are rendered with `axisBottom` and `axisLeft`, and data is loaded via `csv` from a GitHub gist linked in the code. The chart includes labeled axes for Country and Crime_Index, with a title, and uses an SVG rendering approach within a fixed 960x500 viewport.

NNikitha123171
78% match
Loading thumbnail…

ICE 7

This line chart displays crime rates over time, sourced from a CSV file loaded via d3.csv. The visualization uses d3.scaleLinear for both axes, d3.axisBottom and d3.axisLeft for tick rendering, and d3.line with d3.curveBasis to draw the smoothed temperature-style path. The SVG rendering includes labeled axes and a title, with data points mapped through x and y scales. The dataset is fetched from a GitHub gist and parsed as numeric values for year and crime rate.

Kkakumanusreya
78% match
Loading thumbnail…

Fork of D3.js Line Chart

This chart visualizes the Crime Index across 22 countries, using a line to connect each country’s index value along a categorical x-axis. Built with D3.js v7, it loads data from a CSV file using `d3.csv` and renders an SVG line chart with band-scaled x positions and linear y scaling. The code uses `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to construct axes, while drawing the line via `d3.line` and styling it with steelblue stroke attributes from CSS. Axis labels are added as SVG text elements.

NNikitha123171
78% match
Loading thumbnail…

Fork of Fork of Fork of D3.js Line Chart

This line chart displays the Crime Index for ten countries, using a categorical x-axis and a linear y-axis scaled to the maximum value in the dataset. The visualization is built with D3.js v7, employing `d3.csv` for data loading and `d3.scaleBand` and `d3.scaleLinear` for coordinate mappings. A single SVG path is drawn with `d3.line`, with the line rendered in steel blue and a stroke width of six pixels. The chart includes labeled axes, with the data sourced from the embedded CSV file.

Bbhanuprasadk19
78% match