A data visualization framework combining React & D3 Sample in 2020

A data visualization framework combining React & D3 Sample in 2020


tutorials -

Semiotic

Semiotic is a data visualization framework combining React & D3.

Installation

npm i semiotic

Example

import { XYFrame } from "semiotic"

You can also use the static distribution:

https://unpkg.com/semiotic/dist/semiotic.min.js

In which case the elements are exposed as properties of a Semiotic object:

const { XYFrame } = Semiotic

This is how it's used in these Codepen examples.

Semiotic icon based on an icon by André Schauer

It may not be apparent in the commit logs but development of this library owes a lot to:

  • Susie Lu
  • Jason Reid
  • James Womack
  • Matt Herman
  • Shelby Sturgis
  • Tristan Reid

GitHub

Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff