Awesome Open Source
Awesome Open Source


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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (67,533
react (5,065
visualization (766
data-visualization (398
d3 (168

Find Open Source By Browsing 7,000 Topics Across 59 Categories