Skip to main content
100%

data for Josh's vis

✓ Published0🌍 Public
Aandyreagan
Last edited Jun 4, 2018
Created on Jun 4, 2018

A line chart plots 20 time-series values from an `amazon.csv` dataset, showing a cyclical pattern that peaks around the 6th and 19th points and dips near the 4th and 11th. The visualization uses D3.js with `d3.forceSimulation` to arrange a small network of nodes, while a separate `d3.line` generator renders the data as a smooth path. The chart includes axis scales and a simple grid, with the raw numeric values listed in the data file. The rendering relies on SVG elements created via D3 selections, and the author's gist provides the source data directly.

AI-generated description

Similar vizzes

Loading thumbnail…

Something a bit more visually appealing

This visualization displays the frequency of digits 0 through 9 in Josh's bank account using a bar chart. The chart renders as two SVG canvases—one for navigation and one for the main display—created with D3 v3, using an ordinal xScale and linear yScale to map the dataset. Hovering over a rectangle turns it orange and reveals a tooltip with the digit’s value and frequency. The page includes styled text elements, such as a green title, and references blockbuilder.org as the source.

VVanBantam
68% match
Loading thumbnail…

Gist 4cd8f6cf6b2c29372f82424c1363d08a

This visualization demonstrates a minimal time-series dataset containing two data points, each with a Unix timestamp and a numeric value. It uses D3.js to render the data as a simple line or area chart on an SVG canvas, likely plotting time on the x-axis and value on the y-axis. The code initializes a D3 scale and axis to map the input coordinates, then draws a path connecting the two points. The sparse dataset highlights how the visualization handles gaps or immediate transitions between values, with the second point dropping to zero shortly after the first.

VVioletVivirand
66% match
Loading thumbnail…

Gist bb8fddc4a5fc3cc60c99

A line chart maps a small array of ten numbers to an SVG path, showing how the values fluctuate across a linear sequence. The visualization uses a red, unbroken polyline to emphasize the shape of the data, with the y-axis scaled from the data’s minimum to maximum and the x-axis evenly spaced by index. The code creates the chart using d3.scale.linear for both axes and d3.svg.line to generate the path, which is appended to an SVG container via d3.select and datum. The fixed width and height of 500 pixels define the plotting area, while the stroke and fill styles come from a CSS class.

CCaged
66% match
Loading thumbnail…

line chart time data

This line chart visualizes time-series data from a CSV file, plotting daily values over a period from late 2017 to mid-2018. Two distinct series are shown, with the primary line appearing nearly flat around 2,055,322 and a secondary series appearing later with slightly higher values. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to construct the chart, with circles marking individual data points.

Oovalli
66% match
Loading thumbnail…

Line Chart

This line chart shows monthly data values from August 2016 through December 2017, with a clear upward trend punctuated by a dip in mid-2017. The chart uses D3 v5 with SVG rendering, parsing dates from the CSV with `d3.timeParse` and scaling with `d3.scaleTime` and `d3.scaleLinear`. The line itself is drawn using `d3.line`, and an animated stroke effect is applied via `transition.attrTween` with a `stroke-dasharray` interpolation over two seconds, giving the impression of the line drawing itself. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`.

ZZoeLeBlanc
66% match
Loading thumbnail…

Fork of Line Chart- Data Visualization

This line chart displays Amazon stock prices over time, using year on the x-axis and price on the y-axis with gridlines. It loads CSV data and parses dates with `d3.timeParse`. The visualization uses D3 v5 scales (`scaleTime`, `scaleLinear`), axes (`axisBottom`, `axisLeft`), and a `line` generator to draw the path in an SVG. Formatting includes rotated axis labels and styled tick marks.

Yyaswanthsen
66% match
Loading thumbnail…

Fork of Fork of four

This area chart displays a synthetic time series from a CSV file, plotting daily values that rise and fall in a peak pattern. The visualization uses a steelblue line and semi-transparent fill to show the trend. Built with D3.js v7, it parses CSV data and uses `d3.scaleLinear` for axes, `d3.area` and `d3.line` for shapes, and renders to SVG. Axis labels are added via `d3.axisBottom` and `d3.axisLeft`.

Mmsahithipatel@gmail.com
66% match
Loading thumbnail…

interactive line chart

This interactive line chart displays a time series of values over twelve months, with a circular marker at each data point. Hovering over a circle highlights it in red and reveals a tooltip showing the exact value, along with a dashed vertical line connecting the point to the x-axis. The visualization uses D3 v4 with an SVG canvas, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`. It loads external CSV data from a gist, parses dates with `d3.timeParse`, and animates the hover transitions with `transition().duration()`.

Aalicemontel
66% match