Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

VizHub 2023 Google Analytics Data

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

dce6bacfacc6414788ccf9050cdf1f23

Open

VizHub 2023 Google Analytics Data

1 star0🌍 Public
CCurran Kelleher
Last edited Jan 20, 2024
Created on Jan 8, 2024
Forked from Hello VizHub 3

This example displays a scatterplot of country names from a Google Analytics CSV, with each country’s label randomly positioned using `Math.random()`. The visualization uses D3's `select` and `join` methods to bind the CSV data to text elements within an SVG, rendering the country names without any underlying spatial encoding. The data source is a 2023 demographic report for vizhub.com, and the layout is generated procedurally on each render, offering a playful yet unstructured overview of the dataset’s country labels.

AI-generated description

An example showing the capabilities of VizHub 3:

  • There is no index.html here!
  • The entry point is the named export main from index.js
  • The first argument to main is container, a DOM node
  • The container DOM node is a <div> with measurable dimensions
  • You can import './styles.css' to load CSS
  • You can import data from './data.csv' to load CSV data
  • Dependencies such as D3 are configured in package.json
  • Alt+Click on a color to get a color picker
  • Alt+Drag on a number for to change it
  • All changes are hot reloaded
  • Works with remote collaborators!