https://github.com/nteract/semiotic

A data visualization framework combining React & D3
https://github.com/nteract/semiotic

d3 d3-visualization data-visualization nteract react visualization

Last synced: about 10 hours ago
JSON representation

A data visualization framework combining React & D3

• Host: GitHub
• URL: https://github.com/nteract/semiotic
• Owner: nteract
• License: other
• Created: 2017-03-16T17:46:24.000Z (over 7 years ago)
• Default Branch: main
• Last Pushed: 2024-04-10T15:50:49.000Z (8 months ago)
• Last Synced: 2024-10-29T15:04:19.678Z (about 1 month ago)
• Topics: d3, d3-visualization, data-visualization, nteract, react, visualization
• Language: JavaScript
• Homepage: https://semioticv1.nteract.io/
• Size: 20 MB
• Stars: 2,435
• Watchers: 43
• Forks: 133
• Open Issues: 38
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-react - Semiotic - A data visualization framework combining React and D3.
• awesome-react - semiotic - Semiotic is a data visualization framework for React.  (UI Components / Data Visualization)
• awesome-starred - nteract/semiotic - A data visualization framework combining React & D3 (react)
• best-of-react - GitHub - 8% open · ⏱️ 09.04.2024): (Data Visualization)
• awesome-d3 - semiotic - A data visualization framework combining React & D3 [scatter, line, area] (Charts)

README

        
[![Semiotic](semiotic_logo_horizontal.png "semiotic")](https://semiotic.nteract.io)

[![Semiotic](https://github.com/nteract/semiotic/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/nteract/semiotic/actions/workflows/node.js.yml)

Semiotic is a data visualization framework combining React & D3.

## Documentation

[Interactive Documentation v1.x](https://semioticv1.nteract.io/)

[API Docs v1.x](https://semioticv1.nteract.io/api)

[Interactive Examples v1.x](https://semioticv1.nteract.io/examples)

[Preview of Interactive Documentation for v2.x](https://semiotic.nteract.io)

## Installation

```bash

yarn install semiotic

```

## Usage Example

As a library:

```js

import { XYFrame } from "semiotic"

```

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

```html

	import { XYFrame } from "https://unpkg.com/semiotic?module"

```

[These Codepen examples](https://codepen.io/emeeks/) use the static distribution.

## Project recognition

_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

## Testing

Using BrowserStack for browser compatibility testing

[![BrowserStack](browserstack_logo.png "browserstack")](http://browserstack.com/)

## Changelog

[Changelog](./CHANGELOG.md)

## License

[License](./LICENSE)

## Contributing

Our community follows the nteract [Contributor Code of Conduct](https://github.com/nteract/nteract/blob/main/CODE_OF_CONDUCT.md).

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