Skip to content
A data visualization framework combining React & D3
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci Add note to check test results Mar 16, 2019
config
integration-tests/viz-examples
less Change formatting Dec 4, 2017
public remove diamonds.js from bundle Oct 17, 2018
scripts prettify all the js Oct 17, 2018
src Fix build and axis and trendline bugs Mar 20, 2019
.babelrc
.eslintrc.json Disable tests Mar 15, 2019
.gitignore ignore stats file Oct 17, 2018
.npmignore Welcome back package-lock Jun 21, 2018
.prettierignore
.prettierrc
.travis.yml 👷 Adding coveralls coverage reporting 📈 May 29, 2018
LICENSE Reset Repo Aug 9, 2017
README.md
browserstack_logo.png Ugh md on gh May 30, 2018
index.html Initial Commit Aug 31, 2017
package-lock.json Fix build and axis and trendline bugs Mar 20, 2019
package.json
rollup.config.js
semiotic_logo_horizontal.png updated nav bar and logo image Aug 31, 2017
tsconfig.json working rollup Mar 15, 2019

README.md

Semiotic

Circle CI status

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

BrowserStack

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.