A data visualization framework combining React & D3

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: