exercise1

100%

✓ Published0🌍 Public

Last edited May 12, 2022

Created on May 12, 2022

Forked from VizHub Cumulative Unique Logins

D3 v4 renders a time-series line chart tracking VizHub user growth from 2018 to 2022, annotated with key milestones like a Medium post and the 2.0 Kickstarter. The SVG visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.axisBottom and d3.axisLeft for ticks, and d3.line for the path. Circles mark each data point, while d3-svg-annotation adds contextual callouts, all styled with custom CSS for gridlines and axis labels.

AI-generated description

MIT Licensed

Similar vizzes

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

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

82% match

Loading thumbnail…

Fork of VizHub User Count Over Time

A line chart shows the cumulative number of VizHub users from August 2018 to July 2021, with circular markers at each data point. The chart uses D3 v4's `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to build the axes and grid, while `d3.line` draws the path. Annotations via the `d3-svg-annotation` library highlight key events such as the VizHub 1.0 release, a Kickstarter campaign, and the launch of a Datavis 2020 course. The SVG renders the full chart and grid, with data loaded from `users.csv`.

Aarjun-lab663

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

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

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

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

80% match

Loading thumbnail…

VizHub User Count Projection

A line chart tracks VizHub's registered users from its August 2018 launch to November 2020, projecting growth with an annotated curve. Two labels highlight a spike after a Medium post and a notable uptick during the VizHub 2.0 Kickstarter. Built with D3 v4, the SVG visualization uses `d3.line` with `curveMonotoneY`, time and linear scales, and gridlines via `d3.axisBottom` and `d3.axisLeft`. Annotations are added using the `d3-svg-annotation` library, and the chart resizes dynamically with the window.

CCurran Kelleher

80% match