Semiotic is a data visualization framework combining React & D3.

Documentation

Installation

yarn install semiotic

As a library:

import { XYFrame } from "semiotic"

You can also use the static distribution (via https://unpkg.com or https://esm.sh):

<script type="module">
	import { XYFrame } from "https://unpkg.com/semiotic?module"
</script>

These Codepen examples use the static distribution.

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:

Using BrowserStack for browser compatibility testing

Our community follows the nteract Contributor Code of Conduct.

If you are interested in contributing to the project, please read our CONTRIBUTING.md file.