Semiotic is a data visualization framework combining React & D3

Interactive Documentation

API Docs on the wiki

Examples

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

Using BrowserStack for browser compatibility testing