ai_coder/visualization
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates readme, improves text for how to implement new visualizations.

Browse Source
This commit is contained in:
Henning Dieterichs
2020-09-23 12:28:47 +02:00
parent 27a616d43f
commit cd9f7aa5ef
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
visualization-bundle/README.md
View File

@@ -82,12 +82,16 @@ You can find a playground that demonstrates all visualizations [here](https://he
- Clone this repository.
- Run `yarn` in the root folder.
- Run `yarn dev` in the `visualization-bundle` folder to start tsc in watch mode.
- Edit [./playground/src/visualization.ts](../playground/src/visualizations.ts) to your needs to improve webpack performance. This is highly recommended.
- Edit [./playground/src/visualization.ts](../playground/src/visualizations.ts) to your needs to improve webpack performance. This is highly recommended, but not required.
- Run `yarn dev` in the `playground` folder to start the playground where you can debug your visualization.
Any changes to the source are now reflected in the playground!
## Implementing New Visualizations
First, setup your local development copy.
You can use the [`simple-text-visualizer`](./src/visualizers/simple-text-visualizer/index.tsx) as starting point!
Just copy the folder, rename the ids and names, export it [here](./src/visualizers/index.ts) and read through all the comments of the simple-text-visualizer!
Use the "open" button in the playground to debug your new visualization!