Skip to content

A collection of data visualizations with JS/TS/React

kgarrity22/chorts

Repository files navigation

Viz Gallery

A library of bespoke data visualizations created with various JS visualization tools

viz-gallery

Description

This repo contains a series of data visualizations I've created, mostly with D3 and Vega. It serves as a place where I experiment with different visualization practices & interaction techniques and explore some interesting datasets.

Some viz techniques explored here:

  • Using SVGs as fill
  • Smooth zooming on click where zoomed version shows additional level of detail
  • Creating non-cartesian-plane visuals with Vega-lite
  • Using SVGs for shape encodings
  • Adding labels with d3-svg-annotation

Built With

  • React
  • D3
  • Observable
  • Vega
  • Vega-lite

Structure

Each separate visual can be found inside of it's own directory inside of src/visualizations (note that a number of these are still under active development). Some of the visualizations live inside this site, while a handful are hosted on Observable. The corresponding datasets can also be found within each visual's directory.

Contact

Questions or comments? Reach out to: [email protected]

Acknowledgments

This project is made possible by teams & contributors behind D3, Observable, Vega, and Vega-lite. Individual visualizations also cite further sources for datasets or visual inspirations.

About

A collection of data visualizations with JS/TS/React

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published