Source code
Revision control
Copy as Markdown
Other Tools
# Chart benchmarks
## How to run locally
This project uses `npm` to manage dependencies and run scripts. It has been
tested with node v18 but should work with other versions of node.
transparent.
### Install dependencies
```
npm i
```
### Run the development server
```
npm run dev
```
### Build the app
```
npm run build
```
### Preview the production build
```
npm run preview
```
## Included benchmarks
All the benchmarks are included in iframes in the index page. But it may be more
convenient to open these benchmarks with their specific files.
You can load this benchmark with the `/observable-plot.html` page, for example
context of the speedometer.
Observable Plot is D3-based and outputs SVG.
When run in development mode, the page will automatically execute the 3
included graphs:
- a stacked bar graph
- a grouped bar graph
- a graph using dots
In production mode nothing executes by default, the user needs to push the
buttons to run any code. That's how the benchmark exercizes this code.
To build these graphs, we use datasets representing flight information in the
US. You can consult them in the [datasets directory](./datasets).
You can load this benchmark with the `/chartjs.html` page, for example
context of speedometer.
ChartJS is canvas-based.
When run in development mode, the page will automatically execute the scatter
graph.
In production mode nothing executes by default, the user needs to push the
buttons to run any code. That's how the benchmark exercizes this code.
To build these graphs, we use datasets representing flight information in the
US. You can consult them in the [datasets directory](./datasets).