Skip to main content
SimilarExport ZIP
100%

Timeline

✓ Published0🌍 Public
JJoyce Robbins
Last edited Apr 11, 2021
Created on Apr 10, 2021

This timeline visualization shows the growth of VizHub users from its launch in August 2018 through March 2021, with each user count plotted as a circle along a time axis. The code loads articles.csv containing New York Times COVID-19 and climate articles, using their publication dates to position cyan circles in the same timeline. Built with D3 v6, it uses `d3.scaleTime`, `d3.axisBottom`, and `.tickSize` to render the grid, while mouseover events display article URLs via appended text elements. The SVG canvas resizes responsively using `document.body.clientWidth` and `clientHeight`.

AI-generated description

The number of VizHub users over time, since it was launched on August 14, 2018.

MIT Licensed

Similar vizzes

Loading thumbnail…

VizHub User Count Over Time

This visualization tracks the growth of VizHub’s user base from its August 2018 launch through December 2019, using a time-series line chart with green circular markers for each recorded data point. The chart encodes date on the x-axis and cumulative user count on the y-axis, revealing a steady upward trend with more pronounced growth spikes in mid-2019. Built with D3 v4, it uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.line` with `d3.curveMonotoneY` for the smoothed line. Data is loaded from a local CSV file via `d3.csv`, with each row parsed into a `Date` object and numeric user count, then rendered as SVG paths and circles.

NNita
85% match
Loading thumbnail…

Fork of VizHub User Count Over Time

This visualization shows the growth of VizHub's user base over time, from its launch in August 2018 to March 2021, using a line chart with circular data points. The chart incorporates annotated labels marking key milestones, such as the VizHub 1.0 release, a Kickstarter campaign, and the launch of a Datavis 2020 course, which correlate with visible upticks in users. The code builds an SVG using d3.v4, with d3.scaleTime and d3.scaleLinear for axes, d3.line for the path, and d3-svg-annotation for the callout labels. Data comes from a CSV file parsed with d3.csv.

Aape-ape-ape
83% match
Loading thumbnail…

VizHub User Count Over Time

This line chart shows the growth of VizHub’s user count from its launch in August 2018 through June 2020. The code uses d3.v4 with an SVG rendering approach, employing `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` with a monotone curve. Data points are marked as circles, and the chart includes custom SVG annotations from `d3-svg-annotation` to highlight key events like a Medium post and the VizHub 2.0 Kickstarter. The data comes from a CSV file tracking user totals over time.

Mmahaghpanah
83% match
Loading thumbnail…

VizHub User Count Over Time

This line chart shows the growth in cumulative VizHub user accounts from August 2018 to March 2020. The x-axis displays time in days and the y-axis shows the user count, with annotation labels marking events like a medium post, a Kickstarter campaign, and a course launch. Built with D3 v4, it renders as an SVG using `d3.axisBottom`, `d3.axisLeft`, `d3.line` with a monotone curve, and `d3.annotationLabel` to highlight specific growth triggers. The data comes from a CSV file containing dates and user counts.

YYash G
82% match
Loading thumbnail…

VizHub User Count Over Time

This line chart shows VizHub user growth from its August 2018 launch through February 2020. The SVG visualization uses d3.line with a monotone curve, with each data point marked by a circle whose tooltip reveals the exact user count. Annotations from d3-svg-annotation highlight three growth events: a Medium post, the VizHub 2.0 Kickstarter, and the Datavis 2020 course launch. The code reads a local CSV file with user counts per date, and implements custom axes with tick marks and labels from d3.axisBottom and d3.axisLeft.

Sshehryar-hashir
82% match
Loading thumbnail…

Fork of VizHub User Count Over Time

This line chart shows the growth of VizHub users from its August 2018 launch through April 2021, with annotations highlighting key events like the VizHub 1.0 Medium post, the 2.0 Kickstarter, the Datavis 2020 course launch, and the Sort by Popular feature. The visualization uses d3.line with d3.scaleTime and d3.scaleLinear, rendering SVG circles for each data point and gridlines via d3.axisBottom and d3.axisLeft. The d3-svg-annotation library adds contextual labels, while the data comes from users.csv.

DDasbach.EJ
82% match
Loading thumbnail…

Fork of VizHub User Count Over Time

This line chart shows the growth of VizHub users over time, with a steady upward trend punctuated by a notably steeper rise around the late 2020 period. The visualization uses d3.v4 with SVG rendering, employing d3.scaleTime and d3.scaleLinear for axes, and d3.line to draw the path. Data points are marked with circles, and an annotation from d3-svg-annotation highlights a surge labeled "Datavis 2020 Launch." The x-axis represents time while the y-axis counts users, with gridlines and axis labels styled via CSS.

DDasbach.EJ
82% match
Loading thumbnail…

Fork of VizHub User Count Over Time

This visualization shows the growth in VizHub user count over time since the platform’s launch on August 14, 2018, with annotated milestones such as the VizHub 1.0 medium post, the 2.0 Kickstarter, and the Datavis 2020 launch. The chart maps dates to users using `d3.scaleTime` and `d3.scaleLinear`, rendering the data with `d3.line` and SVG circles. Annotations are added via the `d3-svg-annotation` library to highlight specific events. The SVG canvas is resized dynamically, and axes use custom tick formatting with gridlines.

MMesum Raza Hemani
82% match