Fork of Untitled

100%

Fork of Untitled

✓ Published0🌍 Public

Last edited May 2, 2021

Created on May 2, 2021

Forked from Untitled

This example tracks the cumulative number of VizHub users since the platform’s launch on August 14, 2018. It displays a streamgraph where stacked, colored areas represent user growth over time, with a moving vertical cursor that highlights the current date. The visualization uses D3’s `d3.stack()` and `d3.area()` to construct the layered paths, while `d3.brushX()` and a custom `d3.scaleTime()` axis enable interactive time-window selection. Data is loaded from a local CSV file and rendered as an SVG with smooth transitions between brushed states.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This visualization shows the growth of VizHub users over time since the platform launched on August 14, 2018. A line chart traces cumulative user counts across the date range, with the data drawn from a static source. The chart is rendered using D3.js, employing `d3.scaleTime` for the x-axis and `d3.scaleLinear` for the y-axis, with `d3.line` generating the path. Axes are added via `d3.axisBottom` and `d3.axisLeft`, while interactive hover effects are handled through mouse events and `d3.select` for tooltip display.

CChristian

88% match

Loading thumbnail…

Fork of VizHub User Count Over Time

This fork of a VizHub dashboard shows the cumulative growth of unique users over time, from the platform’s launch in August 2018 through March 2022. A single black line traces the upward trend, with small circles marking each data point. D3 v4’s `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, and axis components render the SVG chart, while the `d3-svg-annotation` library adds labeled callouts for notable events like the VizHub 2.0 Kickstarter and the Datavis 2020 launch. Data comes from local CSV file `users.csv`.

RRohith arabati

87% match

Loading thumbnail…

Fork of VizHub User Count Over Time

This fork of the VizHub user count example shows the growth of the platform's user base from August 2018 to March 2021. A dashed line chart plots the cumulative number of users against time, with each data point represented as a circle. The visualization uses D3 v4’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` API to render the SVG. Two annotations highlight the "VizHub 1.0" release and a "Kickstarter" campaign, correlating with growth. The chart is styled with a dark background and gridlines via CSS.

NNita

86% match

Loading thumbnail…

Fork of Fork of VizHub User Count Over Time

An annotated SVG line chart tracks cumulative VizHub user growth from launch in August 2018 through January 2021. The visualization highlights specific events linked to user spikes, including the VizHub 1.0 announcement, a Kickstarter campaign, and the Datavis 2020 course launch. The code builds scales, axes, and the line using d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line with curveMonotoneY. D3 annotation adds contextual notes. Circles mark individual data points, with d3-svg-annotation providing the event labels.

Vvivekananth-code

86% match

Loading thumbnail…

Fork of VizHub User Count Over Time

A line chart tracks VizHub's cumulative user count from its August 2018 launch through March 2021. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime` and `d3.scaleLinear` for the axes and `d3.line` to draw the path. Data points are marked with circles, and each includes a tooltip via SVG `title` elements. The chart also incorporates the `d3-svg-annotation` library, though no annotations are configured in the visible code, and the data comes from `users.csv`.

MMarcelo

86% 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

86% match

Loading thumbnail…

Fork of VizHub User Count Over Time

This line chart tracks VizHub’s cumulative user count from its August 2018 launch through July 2021, with annotated spikes tied to product milestones like the 1.0 release, a Kickstarter, and a 2020 Datavis course. Rendered as an SVG using D3 v5, the visualization employs time and linear scales, gridlines, circles with tooltips, and `d3-annotation` labels to highlight growth events. Data comes from a CSV file mapping dates to user totals.

Kkyleholgate

85% match

Loading thumbnail…

Fork of VizHub User Count Over Time

This line chart shows the growth of VizHub user accounts from its August 2018 launch through July 2021. The SVG visualization uses d3.line and d3.scaleTime/scaleLinear to plot user counts over time, with annotated milestones including a Medium post, the VizHub 2.0 Kickstarter, and the Datavis 2020 launch. Data from users.csv is loaded and rendered with d3.axisBottom and d3.axisLeft, while d3-svg-annotation adds contextual notes highlighting notable growth periods.

OOmar Hamad

85% match