Skip to content
A data visualization framework combining React & D3
JavaScript TypeScript CSS Other
Branch: master
Clone or download
Latest commit 712e100 Sep 3, 2019


Circle CI status

Semiotic is a data visualization framework combining React & D3

Interactive Documentation

API Docs on the wiki



npm i semiotic


import { XYFrame } from "semiotic"

You can also use the static distribution:

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


You can’t perform that action at this time.