https://github.com/exddc/visx-examples
This is a collection of visx graphs to reuse in your projects or to learn how to use visx.
https://github.com/exddc/visx-examples
charts d3 examples javascript react visx
Last synced: about 1 year ago
JSON representation
This is a collection of visx graphs to reuse in your projects or to learn how to use visx.
- Host: GitHub
- URL: https://github.com/exddc/visx-examples
- Owner: exddc
- License: mit
- Created: 2022-09-22T22:10:03.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-02-05T04:50:12.000Z (over 2 years ago)
- Last Synced: 2025-03-26T09:39:56.449Z (over 1 year ago)
- Topics: charts, d3, examples, javascript, react, visx
- Language: JavaScript
- Homepage: https://exddc.github.io/visx-examples/
- Size: 2.64 MB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# visx Examples in React
This is a collection of [airbnb/visx](https://github.com/airbnb/visx) graphs to reuse in your projects or to learn how to use visx. New additions will be added, but you can open a PR with your changes and they will be added to this library.
# Demo
Check out the [demo page](https://exddc.github.io/visx-examples) to get an overview of the collection.
# Tutorial
## Getting Started
### Installation
Visx is split in different packages and can be used in a minimal configuration with only the packages you need to display your graphs.
Add the needed packages with:
```shell
$ npm install -save @visx/axis @visx/curve @visx/scale @visx/shape
```
> These are the packages needed for this tutorial
## Procedure