Skip to main content
SimilarExport ZIP
100%

rvsales2

✓ Published0🌍 Public
335degrees
Last edited Jul 16, 2017
Created on Jul 16, 2017

The visualization tracks recreational vehicle shipments and retail sales from 2008 to 2017, showing two overlaid line charts with a dual-axis design. It uses d3.v4 with SVG and animation, employing `d3.line` with curveBasis for smooth paths and `d3.scaleTime` for the x-axis. Two white curtain rectangles animate away sequentially to reveal the data, while axes use `d3.axisBottom` and `d3.axisRight` for the respective scales. The dataset comes from a CSV file containing yearly shipment and retail figures.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

rvsales2data

The visualization shows the relationship between recreational vehicle shipments (in thousands) and retail sales (in billions of dollars) from 2008 to 2017, with two overlaid line charts using dual y-axes. The blue line tracks shipments on the left axis, while the orange line tracks retail sales on the right axis. Both lines are drawn using d3.line with curveBasis smoothing, and each is revealed sequentially via a white curtain rectangle that animates its width to zero using d3.transition and easeCubic. The data comes from a CSV file parsed with d3.csv, and the chart includes gridlines, axis labels, and time formatting via d3.timeParse and d3.timeFormat.

335degrees
94% match
Loading thumbnail…

rvasp

This visualization shows annual trends in average asking prices for new and used recreational vehicles (RVs) from 2013 to 2016, using two smooth lines over a time-based X-axis and a linear Y-axis. The blue line represents new RVs, while the orange line tracks used RVs, with both datasets drawn from a local CSV file. Built with D3 v4, the code uses `d3.csv` to load the data, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` with a basis curve to render the paths. Gridlines and axis ticks are styled via CSS, and the SVG output is fixed at 960 by 500 pixels.

335degrees
84% match
Loading thumbnail…

rvasp2

This example visualizes two time series of housing affordability indices—new and used asking prices—as separate line charts overlaid on a shared time axis. The data spans 2013 to 2016, sourced from a small CSV file. The visualization uses D3.js v4 to parse the dates, scale the x- and y-axes with `d3.scaleTime` and `d3.scaleLinear`, and draw smooth lines with `d3.line` and `d3.curveBasis`. Two independent y-scales (left and right) are defined, with gridlines and axis ticks generated via `d3.axisBottom`, `d3.axisLeft`, and `d3.axisRight`. The rendering is done in SVG, with line strokes colored MidnightBlue and Orange.

335degrees
75% match
Loading thumbnail…

Line chart

This line chart visualizes yearly sales data using a time-series line graph. The SVG rendering uses D3.js v7 with `d3.csv` for data loading, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for axes, and `d3.line` to generate the path. Data comes from a remote CSV file accessed via a gist URL.

Rr79162810@gmail.com
75% match
Loading thumbnail…

line for SDV 7

This visualization displays US EV sales over time, using a single line to trace annual values and including projected data points. The chart is rendered with D3 v7, leveraging `d3.line` to construct the path and `d3.scaleLinear` for both axes. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with axes formatted using `d3.axisBottom` and `d3.axisLeft`. The SVG canvas is styled with a light blue background, and axis labels are added to clarify the year and value dimensions.

BBlueT
74% match
Loading thumbnail…

AVN - Area Chart

This area chart visualizes annual bike sales, with a smooth curve drawn using D3’s `line` and `area` generators with `curveBasis`. The SVG renders an orange filled region beneath a black stroke line, while styled axes include gridlines and labels. Data is loaded via `csv` from a GitHub gist, parsed with `d3.timeParse`, and scaled using `scaleTime` and `scaleLinear`. The React framework hosts the D3 v5 code, with axes generated by `axisBottom` and `axisLeft`.

Aavnreddy95
73% match
Loading thumbnail…

AVN - Line chart

This example shows annual bike sales over time as a single blue line chart, with labeled axes for years and sales figures. The visualization is rendered as an SVG using React and D3 v5, leveraging `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator to map CSV data loaded via D3’s `csv` method. The data source is a raw GitHub gist containing sales-per-year records, parsed with `d3.timeParse` to convert dates before plotting.

Aavnreddy95
73% match
Loading thumbnail…

ic\

The visualization depicts car sales data from 2013 to 2021 as a red line chart, with time on the x-axis and sales volume on the y-axis. It uses D3 v5 to load CSV data from a GitHub gist, parse the dates via `d3.timeParse`, and render the chart as an SVG. The code applies `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `line` to generate the path, with grid lines and labeled axes.

Ppreethamkesa
72% match