Untitled

100%

✓ Published1🌍 Public

Last edited Apr 28, 2021

Created on Apr 28, 2021

Forked from VizHub Cumulative Unique Logins

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.

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

88% match

Loading thumbnail…

Fork of 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.

CChristian

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

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

87% match

Loading thumbnail…

linechart

This line chart tracks the growth in cumulative unique logged-in VizHub users over time, from the platform’s launch in August 2018 through early 2023. It shows the overall upward trend, with annotations highlighting notable events such as a Medium post, the VizHub 2.0 Kickstarter, and the Datavis 2020 course launch. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` for the chart, and `d3.axisBottom` and `d3.axisLeft` for axes. It also uses the d3-svg-annotation library to add explanatory labels directly on the chart.

Yyoonsun lee

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

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

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

87% match