├── .github
    └── workflows
    │   └── build-and-deploy.yml
├── .gitignore
├── LICENSE
├── README.md
├── docs
    └── images
    │   ├── bmc-48.svg
    │   └── chart.png
├── index.html
├── package-lock.json
├── package.json
├── public
    ├── CNAME
    ├── browserconfig.xml
    ├── favicon.ico
    ├── favicon.svg
    ├── images
    │   └── icons
    │   │   ├── android-chrome-192x192.png
    │   │   ├── android-chrome-512x512.png
    │   │   ├── apple-touch-icon.png
    │   │   ├── favicon-16x16.png
    │   │   ├── favicon-32x32.png
    │   │   ├── mstile-144x144.png
    │   │   ├── mstile-150x150.png
    │   │   ├── mstile-310x150.png
    │   │   ├── mstile-310x310.png
    │   │   ├── mstile-70x70.png
    │   │   └── safari-pinned-tab.svg
    ├── manifest.webmanifest
    ├── robots.txt
    └── sitemap.xml
├── src
    ├── app.ts
    ├── chart-builder.ts
    ├── log-2-axis.ts
    └── main.ts
└── tsconfig.json


/.github/workflows/build-and-deploy.yml:
--------------------------------------------------------------------------------
 1 | # Simple workflow for deploying static content to GitHub Pages
 2 | name: Deploy static content to Pages
 3 | 
 4 | on:
 5 |   # Runs on pushes targeting the default branch
 6 |   push:
 7 |     branches: ['main']
 8 | 
 9 |   # Allows you to run this workflow manually from the Actions tab
10 |   workflow_dispatch:
11 | 
12 | # Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
13 | permissions:
14 |   contents: read
15 |   pages: write
16 |   id-token: write
17 | 
18 | # Allow one concurrent deployment
19 | concurrency:
20 |   group: 'pages'
21 |   cancel-in-progress: true
22 | 
23 | jobs:
24 |   # Single deploy job since we're just deploying
25 |   deploy:
26 |     environment:
27 |       name: github-pages
28 |       url: ${{ steps.deployment.outputs.page_url }}
29 |     runs-on: ubuntu-latest
30 |     steps:
31 |       - name: Checkout
32 |         uses: actions/checkout@v3
33 |       - name: Set up Node
34 |         uses: actions/setup-node@v3
35 |         with:
36 |           node-version: 18
37 |           cache: 'npm'
38 |       - name: Install dependencies
39 |         run: npm install
40 |       - name: Build
41 |         run: npm run build
42 |       - name: Setup Pages
43 |         uses: actions/configure-pages@v3
44 |       - name: Upload artifact
45 |         uses: actions/upload-pages-artifact@v1
46 |         with:
47 |           # Upload dist repository
48 |           path: './dist'
49 |       - name: Deploy to GitHub Pages
50 |         id: deployment
51 |         uses: actions/deploy-pages@v1
52 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 Carlos Villegas
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Charts for BenchmarkDotNet
 2 | 
 3 | This [web app][ChartsForBenchmarkDotNet] allows you to create a visual representation of your [BenchmarkDotNet] console results. You can conveniently copy the generated chart to your clipboard, save it as a PNG image, or share it through a URL.
 4 | 
 5 | It currently understands standard results like the one shown below. Any columns between `Method`/`Runtime` and `Mean` are considered categories in the chart across the x-axis. These columns are typically created via properties decorated with the [`Params`](https://benchmarkdotnet.org/articles/features/parameterization.html) attribute in your benchmark.
 6 | 
 7 | **Console Results**
 8 | ```ini
 9 | BenchmarkDotNet=v0.13.2, OS=Windows 11 (10.0.22621.674)
10 | AMD Ryzen 9 6900HS Creator Edition, 1 CPU, 16 logical and 8 physical cores
11 | .NET SDK=6.0.401
12 |     [Host]     : .NET 6.0.9 (6.0.922.41905), X64 RyuJIT AVX2
13 |     Job-MLMWYV : .NET 6.0.9 (6.0.922.41905), X64 RyuJIT AVX2
14 | 
15 | Runtime=.NET 6.0  Server=True  InvocationCount=32
16 | IterationCount=10  RunStrategy=Monitoring  WarmupCount=1
17 | 
18 | |          Method | NumberOfValues |        Mean |     Error |    StdDev |
19 | |---------------- |--------------- |------------:|----------:|----------:|
20 | |  Int32ValuesXml |             32 |  1,031.3 us | 112.23 us |  74.23 us |
21 | | Int32ValuesJson |             32 |    683.1 us |  20.65 us |  13.66 us |
22 | |  Int32ValuesXml |             64 |  1,289.4 us | 169.78 us | 112.30 us |
23 | | Int32ValuesJson |             64 |    710.6 us |  33.60 us |  22.23 us |
24 | |  Int32ValuesXml |            128 |  1,717.3 us | 130.11 us |  86.06 us |
25 | | Int32ValuesJson |            128 |    705.6 us |  43.78 us |  28.96 us |
26 | |  Int32ValuesXml |            256 |  2,619.3 us | 404.60 us | 267.62 us |
27 | | Int32ValuesJson |            256 |    780.0 us |  28.38 us |  18.77 us |
28 | |  Int32ValuesXml |            512 |  4,712.5 us | 137.08 us |  90.67 us |
29 | | Int32ValuesJson |            512 |    919.8 us | 144.47 us |  95.56 us |
30 | |  Int32ValuesXml |           1024 |  8,012.5 us | 214.29 us | 141.74 us |
31 | | Int32ValuesJson |           1024 |  1,266.1 us | 120.41 us |  79.65 us |
32 | |  Int32ValuesXml |           2048 | 14,420.2 us | 261.61 us | 173.04 us |
33 | | Int32ValuesJson |           2048 |  1,673.8 us |  93.54 us |  61.87 us |
34 | |  Int32ValuesXml |           4096 | 27,582.6 us | 249.89 us | 165.29 us |
35 | | Int32ValuesJson |           4096 |  2,732.6 us | 259.02 us | 171.33 us |
36 | ```
37 | 
38 | **Generated Chart**
39 | ![Generated Chart](/docs/images/chart.png)
40 | 
41 | ## How do I use it?
42 | Just paste your [BenchmarkDotNet] console results into [the app][ChartsForBenchmarkDotNet]. The chart will be automatically generated. A few controls are provided above the chart, allowing you to customize the size, metric to display, y-axis scale, and theme.
43 | 
44 | > 💡 You can also paste the content of the `.md` file created after running your benchmarks. It's typically stored in the following project directory: `bin\Release\[Runtime]\BenchmarkDotNet.Artifacts\results` 
45 | 
46 | ## Your Support is Appreciated!
47 | If you feel that this solution has provided you some value, please consider [buying me a ☕][BuyMeACoffee].
48 | 
49 | [![Buy me a coffee][BuyMeACoffeeButton]][BuyMeACoffee]
50 | 
51 | Your ⭐ on [this repository][Repository] also helps! Thanks! 🖖🙂
52 | 
53 | 
54 | [ChartsForBenchmarkDotNet]: https://chartbenchmark.net/
55 | [BenchmarkDotNet]: https://benchmarkdotnet.org/
56 | [Repository]: https://github.com/yv989c/ChartsForBenchmarkDotNet
57 | [BuyMeACoffee]: https://www.buymeacoffee.com/yv989c
58 | [BuyMeACoffeeButton]: /docs/images/bmc-48.svg
59 | 


--------------------------------------------------------------------------------
/docs/images/bmc-48.svg:
--------------------------------------------------------------------------------
 1 | <svg width="171px" height="48px" viewBox="0 0 171 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <path style="fill:rgb(100%,86.666667%,0%);" d="M 0 7.679688 C 0 3.4375 3.417969 0 7.636719 0 L 162.265625 0 C 166.480469 0 169.898438 3.4375 169.898438 7.679688 L 169.898438 40.320312 C 169.898438 44.5625 166.480469 48 162.265625 48 L 7.636719 48 C 3.417969 48 0 44.5625 0 40.320312 Z M 0 7.679688 "/>
 3 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 34.164062 15.785156 L 34.140625 15.773438 L 34.09375 15.757812 C 34.113281 15.773438 34.136719 15.785156 34.164062 15.785156 Z M 34.164062 15.785156 "/>
 4 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 34.46875 17.980469 L 34.445312 17.988281 Z M 34.46875 17.980469 "/>
 5 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 34.171875 15.78125 C 34.167969 15.78125 34.164062 15.78125 34.164062 15.78125 C 34.164062 15.78125 34.164062 15.785156 34.164062 15.785156 C 34.167969 15.785156 34.167969 15.785156 34.171875 15.78125 Z M 34.171875 15.78125 "/>
 6 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 34.453125 17.976562 L 34.488281 17.957031 L 34.5 17.949219 L 34.511719 17.9375 C 34.488281 17.945312 34.46875 17.960938 34.453125 17.976562 Z M 34.453125 17.976562 "/>
 7 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 34.222656 15.835938 L 34.1875 15.800781 L 34.164062 15.789062 C 34.179688 15.8125 34.199219 15.828125 34.222656 15.835938 Z M 34.222656 15.835938 "/>
 8 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 25.539062 37.128906 C 25.511719 37.140625 25.488281 37.160156 25.46875 37.183594 L 25.492188 37.171875 C 25.507812 37.15625 25.527344 37.140625 25.539062 37.128906 Z M 25.539062 37.128906 "/>
 9 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 30.582031 36.132812 C 30.582031 36.101562 30.566406 36.105469 30.570312 36.21875 C 30.570312 36.210938 30.574219 36.199219 30.578125 36.191406 C 30.578125 36.171875 30.582031 36.152344 30.582031 36.132812 Z M 30.582031 36.132812 "/>
10 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 30.0625 37.128906 C 30.035156 37.140625 30.011719 37.160156 29.992188 37.183594 L 30.015625 37.171875 C 30.027344 37.15625 30.050781 37.140625 30.0625 37.128906 Z M 30.0625 37.128906 "/>
11 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 21.988281 37.367188 C 21.964844 37.351562 21.941406 37.335938 21.914062 37.332031 C 21.933594 37.34375 21.957031 37.355469 21.972656 37.363281 Z M 21.988281 37.367188 "/>
12 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 21.1875 36.597656 C 21.1875 36.566406 21.175781 36.535156 21.160156 36.503906 C 21.171875 36.535156 21.179688 36.566406 21.1875 36.597656 Z M 21.1875 36.597656 "/>
13 | <path style="fill:rgb(100%,100%,100%);" d="M 26.554688 22.832031 C 25.460938 23.304688 24.214844 23.839844 22.601562 23.839844 C 21.925781 23.835938 21.253906 23.746094 20.605469 23.5625 L 21.71875 35.085938 C 21.757812 35.566406 21.976562 36.015625 22.332031 36.34375 C 22.683594 36.671875 23.148438 36.855469 23.628906 36.851562 C 23.628906 36.851562 25.210938 36.9375 25.738281 36.9375 C 26.304688 36.9375 28.011719 36.851562 28.011719 36.851562 C 28.492188 36.851562 28.953125 36.671875 29.308594 36.34375 C 29.660156 36.015625 29.878906 35.566406 29.917969 35.085938 L 31.113281 22.351562 C 30.578125 22.167969 30.039062 22.046875 29.433594 22.046875 C 28.382812 22.046875 27.535156 22.410156 26.554688 22.832031 Z M 26.554688 22.832031 "/>
14 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 17.152344 17.914062 L 17.171875 17.933594 L 17.183594 17.941406 C 17.171875 17.929688 17.164062 17.921875 17.152344 17.914062 Z M 17.152344 17.914062 "/>
15 | <path style="fill:rgb(5.098039%,4.705882%,13.333333%);" d="M 36.277344 16.851562 L 36.109375 16 C 35.957031 15.234375 35.617188 14.511719 34.835938 14.234375 C 34.585938 14.144531 34.300781 14.109375 34.109375 13.925781 C 33.917969 13.742188 33.859375 13.457031 33.816406 13.191406 C 33.734375 12.710938 33.65625 12.226562 33.574219 11.742188 C 33.5 11.328125 33.441406 10.859375 33.253906 10.480469 C 33.007812 9.96875 32.496094 9.667969 31.984375 9.46875 C 31.726562 9.371094 31.460938 9.289062 31.1875 9.222656 C 29.917969 8.886719 28.582031 8.761719 27.273438 8.691406 C 25.703125 8.601562 24.132812 8.628906 22.566406 8.769531 C 21.398438 8.875 20.171875 9.003906 19.066406 9.410156 C 18.660156 9.558594 18.242188 9.734375 17.9375 10.050781 C 17.558594 10.4375 17.433594 11.035156 17.710938 11.515625 C 17.90625 11.859375 18.238281 12.101562 18.589844 12.261719 C 19.050781 12.464844 19.527344 12.625 20.019531 12.726562 C 21.386719 13.03125 22.804688 13.152344 24.203125 13.203125 C 25.753906 13.265625 27.304688 13.214844 28.847656 13.050781 C 29.226562 13.007812 29.609375 12.957031 29.988281 12.898438 C 30.4375 12.828125 30.722656 12.242188 30.589844 11.832031 C 30.433594 11.339844 30.007812 11.152344 29.53125 11.226562 C 29.460938 11.234375 29.390625 11.246094 29.320312 11.257812 L 29.269531 11.265625 C 29.105469 11.285156 28.941406 11.304688 28.78125 11.320312 C 28.445312 11.359375 28.109375 11.386719 27.769531 11.410156 C 27.015625 11.464844 26.257812 11.488281 25.5 11.488281 C 24.757812 11.488281 24.015625 11.46875 23.273438 11.417969 C 22.933594 11.398438 22.59375 11.367188 22.257812 11.335938 C 22.105469 11.316406 21.953125 11.300781 21.800781 11.28125 L 21.652344 11.265625 L 21.621094 11.257812 L 21.472656 11.238281 C 21.164062 11.191406 20.855469 11.136719 20.550781 11.070312 C 20.519531 11.066406 20.492188 11.046875 20.472656 11.023438 C 20.453125 11 20.441406 10.96875 20.441406 10.9375 C 20.441406 10.902344 20.453125 10.875 20.472656 10.847656 C 20.492188 10.824219 20.519531 10.808594 20.550781 10.800781 L 20.554688 10.800781 C 20.820312 10.742188 21.085938 10.695312 21.355469 10.652344 C 21.441406 10.640625 21.53125 10.625 21.621094 10.613281 L 21.625 10.613281 C 21.792969 10.601562 21.960938 10.570312 22.125 10.550781 C 23.574219 10.398438 25.03125 10.347656 26.484375 10.394531 C 27.191406 10.417969 27.898438 10.457031 28.601562 10.53125 C 28.75 10.546875 28.902344 10.5625 29.050781 10.582031 C 29.109375 10.589844 29.167969 10.597656 29.226562 10.601562 L 29.34375 10.621094 C 29.683594 10.671875 30.019531 10.734375 30.359375 10.804688 C 30.855469 10.914062 31.496094 10.949219 31.71875 11.5 C 31.789062 11.675781 31.820312 11.867188 31.859375 12.050781 L 31.910156 12.285156 C 31.910156 12.289062 31.914062 12.292969 31.914062 12.296875 C 32.03125 12.847656 32.148438 13.398438 32.265625 13.949219 C 32.273438 13.992188 32.273438 14.035156 32.265625 14.074219 C 32.257812 14.113281 32.242188 14.152344 32.21875 14.1875 C 32.195312 14.222656 32.164062 14.25 32.128906 14.273438 C 32.09375 14.292969 32.054688 14.308594 32.011719 14.3125 L 31.9375 14.324219 L 31.867188 14.332031 C 31.640625 14.363281 31.417969 14.390625 31.191406 14.417969 C 30.746094 14.46875 30.300781 14.511719 29.855469 14.546875 C 28.96875 14.621094 28.082031 14.671875 27.191406 14.695312 C 26.738281 14.707031 26.285156 14.710938 25.832031 14.710938 C 24.027344 14.710938 22.226562 14.605469 20.433594 14.394531 C 20.242188 14.371094 20.046875 14.347656 19.851562 14.324219 C 20.003906 14.34375 19.742188 14.308594 19.691406 14.300781 C 19.566406 14.28125 19.445312 14.265625 19.320312 14.246094 C 18.90625 14.183594 18.496094 14.105469 18.082031 14.039062 C 17.582031 13.957031 17.105469 13.996094 16.65625 14.246094 C 16.285156 14.449219 15.984375 14.761719 15.792969 15.144531 C 15.597656 15.546875 15.542969 15.988281 15.453125 16.425781 C 15.367188 16.859375 15.230469 17.328125 15.285156 17.773438 C 15.394531 18.738281 16.0625 19.523438 17.027344 19.695312 C 17.933594 19.863281 18.847656 19.996094 19.761719 20.109375 C 23.351562 20.550781 26.980469 20.605469 30.582031 20.269531 C 30.875 20.242188 31.167969 20.210938 31.460938 20.179688 C 31.554688 20.167969 31.644531 20.179688 31.734375 20.210938 C 31.820312 20.238281 31.898438 20.289062 31.964844 20.355469 C 32.027344 20.417969 32.078125 20.5 32.109375 20.585938 C 32.140625 20.671875 32.152344 20.765625 32.144531 20.859375 L 32.050781 21.75 C 31.867188 23.550781 31.683594 25.355469 31.5 27.15625 C 31.308594 29.046875 31.117188 30.941406 30.921875 32.832031 C 30.867188 33.363281 30.8125 33.898438 30.757812 34.429688 C 30.703125 34.953125 30.695312 35.496094 30.597656 36.015625 C 30.441406 36.828125 29.894531 37.328125 29.09375 37.511719 C 28.359375 37.679688 27.609375 37.769531 26.859375 37.773438 C 26.023438 37.78125 25.191406 37.742188 24.355469 37.746094 C 23.46875 37.75 22.378906 37.667969 21.691406 37.003906 C 21.085938 36.417969 21.003906 35.5 20.921875 34.710938 C 20.8125 33.660156 20.703125 32.613281 20.59375 31.5625 L 19.992188 25.730469 L 19.601562 21.960938 C 19.59375 21.898438 19.585938 21.835938 19.582031 21.773438 C 19.535156 21.324219 19.21875 20.882812 18.71875 20.90625 C 18.289062 20.921875 17.804688 21.289062 17.855469 21.773438 L 18.144531 24.570312 L 18.742188 30.355469 C 18.914062 32 19.085938 33.644531 19.253906 35.285156 C 19.289062 35.601562 19.316406 35.917969 19.351562 36.230469 C 19.539062 37.953125 20.847656 38.878906 22.464844 39.140625 C 23.410156 39.292969 24.378906 39.324219 25.335938 39.34375 C 26.566406 39.363281 27.808594 39.410156 29.019531 39.183594 C 30.808594 38.855469 32.15625 37.652344 32.347656 35.785156 C 32.402344 35.246094 32.457031 34.707031 32.511719 34.167969 C 32.691406 32.382812 32.875 30.601562 33.058594 28.816406 L 33.652344 22.988281 L 33.921875 20.320312 C 33.9375 20.1875 33.992188 20.0625 34.082031 19.964844 C 34.171875 19.867188 34.289062 19.800781 34.417969 19.773438 C 34.933594 19.675781 35.421875 19.503906 35.785156 19.109375 C 36.367188 18.484375 36.480469 17.671875 36.277344 16.851562 Z M 17 17.425781 C 17.007812 17.421875 16.996094 17.492188 16.988281 17.523438 C 16.988281 17.472656 16.988281 17.433594 17 17.425781 Z M 17.050781 17.8125 C 17.054688 17.8125 17.066406 17.828125 17.082031 17.847656 C 17.0625 17.828125 17.050781 17.816406 17.050781 17.8125 Z M 17.101562 17.878906 C 17.117188 17.910156 17.128906 17.929688 17.101562 17.878906 Z M 17.199219 17.957031 C 17.199219 17.960938 17.207031 17.964844 17.207031 17.96875 C 17.203125 17.964844 17.203125 17.960938 17.199219 17.957031 Z M 34.394531 17.839844 C 34.210938 18.015625 33.933594 18.097656 33.660156 18.136719 C 30.585938 18.597656 27.46875 18.828125 24.359375 18.726562 C 22.136719 18.648438 19.9375 18.402344 17.734375 18.089844 C 17.519531 18.058594 17.285156 18.019531 17.136719 17.859375 C 16.859375 17.558594 16.996094 16.949219 17.066406 16.585938 C 17.132812 16.25 17.261719 15.804688 17.65625 15.757812 C 18.273438 15.683594 18.988281 15.945312 19.597656 16.039062 C 20.332031 16.152344 21.070312 16.242188 21.808594 16.3125 C 24.964844 16.601562 28.175781 16.554688 31.316406 16.132812 C 31.890625 16.054688 32.460938 15.964844 33.03125 15.863281 C 33.535156 15.769531 34.097656 15.597656 34.40625 16.125 C 34.613281 16.484375 34.640625 16.96875 34.609375 17.375 C 34.601562 17.550781 34.523438 17.71875 34.394531 17.839844 Z M 34.394531 17.839844 "/>
16 | <path style="fill-rule:evenodd;fill:rgb(5.098039%,4.705882%,13.72549%);" d="M 53.039062 26.429688 C 52.859375 26.773438 52.613281 27.074219 52.296875 27.328125 C 51.984375 27.582031 51.617188 27.789062 51.199219 27.949219 C 50.78125 28.109375 50.359375 28.214844 49.9375 28.269531 C 49.511719 28.328125 49.101562 28.320312 48.703125 28.257812 C 48.304688 28.191406 47.964844 28.058594 47.683594 27.859375 L 48 24.578125 C 48.289062 24.476562 48.652344 24.375 49.089844 24.269531 C 49.527344 24.164062 49.980469 24.089844 50.445312 24.046875 C 50.90625 24 51.347656 24.003906 51.761719 24.058594 C 52.171875 24.113281 52.5 24.246094 52.738281 24.457031 C 52.871094 24.578125 52.980469 24.707031 53.070312 24.847656 C 53.160156 24.988281 53.214844 25.132812 53.234375 25.28125 C 53.28125 25.703125 53.21875 26.082031 53.039062 26.429688 Z M 48.476562 19.4375 C 48.6875 19.308594 48.9375 19.191406 49.234375 19.089844 C 49.527344 18.992188 49.828125 18.921875 50.136719 18.882812 C 50.445312 18.84375 50.746094 18.835938 51.042969 18.867188 C 51.335938 18.898438 51.597656 18.980469 51.820312 19.113281 C 52.042969 19.25 52.210938 19.445312 52.320312 19.699219 C 52.429688 19.953125 52.460938 20.277344 52.410156 20.664062 C 52.371094 20.976562 52.25 21.238281 52.042969 21.453125 C 51.839844 21.667969 51.589844 21.847656 51.296875 21.992188 C 51.003906 22.136719 50.691406 22.25 50.363281 22.335938 C 50.03125 22.421875 49.714844 22.484375 49.414062 22.523438 C 49.109375 22.5625 48.84375 22.589844 48.621094 22.597656 C 48.394531 22.609375 48.25 22.613281 48.179688 22.613281 Z M 54.652344 24.308594 C 54.496094 23.957031 54.28125 23.652344 54.011719 23.386719 C 53.742188 23.121094 53.421875 22.929688 53.054688 22.808594 C 53.214844 22.679688 53.371094 22.472656 53.523438 22.195312 C 53.679688 21.914062 53.8125 21.609375 53.921875 21.28125 C 54.03125 20.949219 54.105469 20.617188 54.144531 20.285156 C 54.183594 19.949219 54.171875 19.660156 54.101562 19.421875 C 53.929688 18.820312 53.664062 18.351562 53.300781 18.011719 C 52.9375 17.671875 52.511719 17.4375 52.03125 17.308594 C 51.546875 17.179688 51.011719 17.152344 50.429688 17.226562 C 49.847656 17.300781 49.25 17.449219 48.640625 17.667969 C 48.640625 17.617188 48.648438 17.566406 48.65625 17.511719 C 48.667969 17.457031 48.671875 17.398438 48.671875 17.339844 C 48.671875 17.1875 48.597656 17.058594 48.449219 16.949219 C 48.296875 16.839844 48.125 16.773438 47.933594 16.753906 C 47.738281 16.734375 47.546875 16.777344 47.363281 16.882812 C 47.179688 16.984375 47.050781 17.179688 46.980469 17.457031 C 46.902344 18.359375 46.824219 19.292969 46.742188 20.261719 C 46.664062 21.230469 46.578125 22.210938 46.488281 23.199219 C 46.398438 24.1875 46.308594 25.167969 46.21875 26.144531 C 46.128906 27.117188 46.039062 28.054688 45.949219 28.953125 C 45.980469 29.222656 46.054688 29.433594 46.175781 29.582031 C 46.292969 29.734375 46.433594 29.824219 46.59375 29.851562 C 46.753906 29.882812 46.917969 29.855469 47.09375 29.769531 C 47.269531 29.683594 47.421875 29.539062 47.550781 29.328125 C 47.949219 29.546875 48.398438 29.691406 48.894531 29.753906 C 49.394531 29.820312 49.902344 29.820312 50.414062 29.753906 C 50.925781 29.691406 51.433594 29.566406 51.933594 29.386719 C 52.429688 29.207031 52.882812 28.984375 53.292969 28.714844 C 53.703125 28.445312 54.046875 28.136719 54.324219 27.792969 C 54.605469 27.445312 54.789062 27.074219 54.878906 26.675781 C 54.96875 26.265625 54.992188 25.855469 54.953125 25.445312 C 54.914062 25.035156 54.8125 24.65625 54.652344 24.308594 Z M 54.652344 24.308594 "/>
17 | <path style="fill-rule:evenodd;fill:rgb(5.098039%,4.705882%,13.72549%);" d="M 69.246094 32.21875 C 69.191406 32.550781 69.113281 32.898438 69.011719 33.261719 C 68.914062 33.625 68.796875 33.957031 68.660156 34.257812 C 68.527344 34.558594 68.378906 34.800781 68.210938 34.984375 C 68.046875 35.171875 67.871094 35.246094 67.679688 35.21875 C 67.53125 35.199219 67.4375 35.101562 67.398438 34.933594 C 67.359375 34.761719 67.359375 34.554688 67.398438 34.304688 C 67.4375 34.054688 67.515625 33.769531 67.628906 33.457031 C 67.742188 33.140625 67.882812 32.828125 68.046875 32.519531 C 68.210938 32.210938 68.398438 31.914062 68.609375 31.628906 C 68.816406 31.34375 69.039062 31.105469 69.265625 30.917969 C 69.316406 30.976562 69.339844 31.125 69.335938 31.367188 C 69.328125 31.605469 69.300781 31.890625 69.246094 32.21875 Z M 74.3125 25.714844 C 74.179688 25.566406 74.015625 25.480469 73.820312 25.460938 C 73.625 25.441406 73.429688 25.550781 73.230469 25.789062 C 73.101562 26.03125 72.9375 26.261719 72.734375 26.480469 C 72.535156 26.699219 72.332031 26.898438 72.117188 27.078125 C 71.902344 27.257812 71.695312 27.414062 71.503906 27.542969 C 71.308594 27.675781 71.15625 27.769531 71.046875 27.828125 C 71.007812 27.507812 70.984375 27.164062 70.980469 26.796875 C 70.972656 26.425781 70.980469 26.050781 71 25.671875 C 71.03125 25.132812 71.09375 24.585938 71.1875 24.039062 C 71.285156 23.488281 71.421875 22.949219 71.601562 22.417969 C 71.601562 22.140625 71.535156 21.910156 71.40625 21.738281 C 71.277344 21.5625 71.117188 21.453125 70.933594 21.40625 C 70.75 21.363281 70.5625 21.386719 70.367188 21.480469 C 70.171875 21.578125 70.003906 21.75 69.863281 22 C 69.746094 22.328125 69.609375 22.699219 69.453125 23.109375 C 69.300781 23.519531 69.125 23.933594 68.929688 24.359375 C 68.734375 24.785156 68.519531 25.195312 68.28125 25.597656 C 68.039062 25.996094 67.777344 26.351562 67.496094 26.660156 C 67.210938 26.96875 66.902344 27.210938 66.566406 27.386719 C 66.234375 27.5625 65.871094 27.640625 65.484375 27.621094 C 65.304688 27.570312 65.175781 27.433594 65.09375 27.214844 C 65.015625 26.996094 64.96875 26.71875 64.953125 26.390625 C 64.9375 26.0625 64.953125 25.699219 64.996094 25.304688 C 65.042969 24.910156 65.101562 24.515625 65.175781 24.128906 C 65.25 23.738281 65.332031 23.367188 65.421875 23.019531 C 65.511719 22.667969 65.597656 22.375 65.675781 22.132812 C 65.796875 21.84375 65.796875 21.601562 65.675781 21.40625 C 65.558594 21.210938 65.394531 21.082031 65.183594 21.015625 C 64.976562 20.953125 64.753906 20.957031 64.527344 21.023438 C 64.296875 21.09375 64.132812 21.25 64.03125 21.488281 C 63.863281 21.898438 63.707031 22.359375 63.570312 22.867188 C 63.429688 23.378906 63.316406 23.90625 63.234375 24.449219 C 63.148438 24.996094 63.101562 25.535156 63.089844 26.066406 C 63.089844 26.101562 63.089844 26.136719 63.089844 26.171875 C 62.875 26.75 62.667969 27.191406 62.46875 27.484375 C 62.214844 27.863281 61.929688 28.027344 61.609375 27.980469 C 61.46875 27.917969 61.378906 27.777344 61.332031 27.558594 C 61.289062 27.339844 61.273438 27.070312 61.289062 26.75 C 61.304688 26.429688 61.339844 26.066406 61.398438 25.664062 C 61.460938 25.257812 61.535156 24.839844 61.625 24.40625 C 61.714844 23.96875 61.808594 23.53125 61.910156 23.09375 C 62.007812 22.652344 62.097656 22.238281 62.179688 21.847656 C 62.167969 21.5 62.066406 21.234375 61.871094 21.046875 C 61.675781 20.863281 61.40625 20.789062 61.054688 20.832031 C 60.816406 20.929688 60.640625 21.058594 60.527344 21.21875 C 60.410156 21.378906 60.320312 21.585938 60.25 21.835938 C 60.207031 21.964844 60.148438 22.222656 60.070312 22.613281 C 59.988281 23.003906 59.886719 23.449219 59.761719 23.953125 C 59.636719 24.460938 59.492188 24.988281 59.320312 25.535156 C 59.152344 26.085938 58.960938 26.582031 58.753906 27.027344 C 58.542969 27.472656 58.316406 27.828125 58.066406 28.097656 C 57.816406 28.367188 57.546875 28.480469 57.257812 28.429688 C 57.097656 28.398438 56.996094 28.234375 56.953125 27.933594 C 56.90625 27.632812 56.898438 27.265625 56.929688 26.824219 C 56.957031 26.386719 57.019531 25.902344 57.109375 25.378906 C 57.199219 24.855469 57.289062 24.355469 57.386719 23.886719 C 57.480469 23.417969 57.566406 23.003906 57.648438 22.644531 C 57.726562 22.285156 57.78125 22.042969 57.8125 21.925781 C 57.8125 21.632812 57.746094 21.402344 57.617188 21.226562 C 57.488281 21.054688 57.332031 20.941406 57.144531 20.898438 C 56.960938 20.851562 56.773438 20.878906 56.578125 20.972656 C 56.382812 21.066406 56.214844 21.238281 56.078125 21.488281 C 56.027344 21.757812 55.960938 22.070312 55.882812 22.425781 C 55.800781 22.78125 55.726562 23.144531 55.648438 23.519531 C 55.574219 23.894531 55.503906 24.261719 55.441406 24.621094 C 55.375 24.980469 55.328125 25.296875 55.296875 25.566406 C 55.277344 25.777344 55.257812 26.035156 55.230469 26.339844 C 55.207031 26.644531 55.195312 26.964844 55.195312 27.304688 C 55.195312 27.644531 55.21875 27.980469 55.269531 28.316406 C 55.320312 28.652344 55.410156 28.957031 55.539062 29.238281 C 55.667969 29.519531 55.847656 29.746094 56.085938 29.925781 C 56.316406 30.105469 56.613281 30.207031 56.972656 30.226562 C 57.34375 30.246094 57.664062 30.21875 57.9375 30.144531 C 58.210938 30.070312 58.460938 29.953125 58.6875 29.792969 C 58.910156 29.632812 59.113281 29.441406 59.300781 29.222656 C 59.484375 29.003906 59.664062 28.761719 59.84375 28.503906 C 60.015625 28.882812 60.234375 29.179688 60.503906 29.386719 C 60.773438 29.597656 61.054688 29.722656 61.355469 29.761719 C 61.65625 29.800781 61.957031 29.761719 62.269531 29.636719 C 62.578125 29.511719 62.855469 29.296875 63.105469 29 C 63.269531 28.8125 63.425781 28.605469 63.570312 28.375 C 63.632812 28.480469 63.695312 28.585938 63.769531 28.683594 C 64.015625 29.003906 64.347656 29.222656 64.765625 29.34375 C 65.214844 29.460938 65.652344 29.484375 66.082031 29.402344 C 66.511719 29.324219 66.917969 29.179688 67.308594 28.96875 C 67.695312 28.757812 68.058594 28.507812 68.390625 28.210938 C 68.726562 27.917969 69.015625 27.609375 69.265625 27.289062 C 69.257812 27.519531 69.25 27.738281 69.25 27.941406 C 69.25 28.144531 69.246094 28.367188 69.238281 28.609375 C 68.738281 28.957031 68.265625 29.378906 67.824219 29.867188 C 67.378906 30.355469 66.992188 30.878906 66.65625 31.433594 C 66.324219 31.988281 66.0625 32.550781 65.871094 33.121094 C 65.683594 33.6875 65.589844 34.222656 65.59375 34.714844 C 65.601562 35.210938 65.71875 35.640625 65.945312 36.011719 C 66.175781 36.382812 66.550781 36.644531 67.066406 36.804688 C 67.605469 36.976562 68.082031 36.980469 68.488281 36.820312 C 68.898438 36.660156 69.253906 36.398438 69.558594 36.027344 C 69.863281 35.65625 70.113281 35.210938 70.304688 34.6875 C 70.5 34.160156 70.65625 33.613281 70.769531 33.042969 C 70.882812 32.476562 70.957031 31.914062 70.988281 31.367188 C 71.015625 30.816406 71.015625 30.328125 70.988281 29.898438 C 71.84375 29.539062 72.546875 29.082031 73.09375 28.535156 C 73.644531 27.984375 74.097656 27.40625 74.457031 26.796875 C 74.566406 26.644531 74.601562 26.464844 74.570312 26.253906 C 74.535156 26.046875 74.449219 25.867188 74.3125 25.714844 Z M 74.3125 25.714844 "/>
18 | <path style="fill-rule:evenodd;fill:rgb(5.098039%,4.705882%,13.72549%);" d="M 93.179688 24.757812 C 93.210938 24.527344 93.253906 24.285156 93.3125 24.03125 C 93.375 23.777344 93.449219 23.527344 93.539062 23.289062 C 93.628906 23.046875 93.734375 22.839844 93.851562 22.667969 C 93.972656 22.492188 94.101562 22.367188 94.234375 22.292969 C 94.367188 22.21875 94.503906 22.222656 94.644531 22.3125 C 94.796875 22.40625 94.886719 22.59375 94.921875 22.882812 C 94.957031 23.171875 94.921875 23.484375 94.816406 23.8125 C 94.710938 24.144531 94.527344 24.453125 94.257812 24.742188 C 93.988281 25.03125 93.625 25.222656 93.164062 25.3125 C 93.144531 25.171875 93.148438 24.988281 93.179688 24.757812 Z M 98.363281 25.371094 C 98.199219 25.320312 98.039062 25.316406 97.890625 25.355469 C 97.742188 25.398438 97.644531 25.5 97.605469 25.671875 C 97.527344 25.992188 97.398438 26.320312 97.226562 26.652344 C 97.050781 26.988281 96.835938 27.304688 96.582031 27.605469 C 96.328125 27.90625 96.042969 28.167969 95.722656 28.398438 C 95.402344 28.628906 95.070312 28.792969 94.71875 28.894531 C 94.371094 29.003906 94.082031 29.015625 93.851562 28.929688 C 93.625 28.847656 93.441406 28.703125 93.308594 28.496094 C 93.171875 28.292969 93.074219 28.042969 93.015625 27.753906 C 92.957031 27.464844 92.921875 27.164062 92.910156 26.855469 C 93.480469 26.894531 93.984375 26.792969 94.429688 26.546875 C 94.871094 26.304688 95.25 25.980469 95.558594 25.574219 C 95.867188 25.167969 96.101562 24.714844 96.261719 24.210938 C 96.421875 23.707031 96.511719 23.203125 96.53125 22.703125 C 96.539062 22.234375 96.46875 21.835938 96.320312 21.511719 C 96.171875 21.1875 95.96875 20.933594 95.714844 20.753906 C 95.460938 20.574219 95.167969 20.472656 94.839844 20.441406 C 94.511719 20.410156 94.175781 20.457031 93.835938 20.574219 C 93.429688 20.714844 93.082031 20.941406 92.796875 21.257812 C 92.515625 21.574219 92.277344 21.9375 92.089844 22.351562 C 91.898438 22.765625 91.75 23.214844 91.640625 23.691406 C 91.53125 24.171875 91.449219 24.644531 91.402344 25.109375 C 91.355469 25.527344 91.332031 25.925781 91.324219 26.308594 C 91.300781 26.359375 91.28125 26.40625 91.257812 26.457031 C 91.101562 26.8125 90.921875 27.160156 90.71875 27.5 C 90.515625 27.839844 90.289062 28.125 90.039062 28.355469 C 89.789062 28.585938 89.53125 28.664062 89.261719 28.59375 C 89.101562 28.554688 89.015625 28.367188 89 28.039062 C 88.984375 27.710938 89.003906 27.300781 89.050781 26.808594 C 89.101562 26.320312 89.160156 25.792969 89.222656 25.222656 C 89.289062 24.652344 89.320312 24.109375 89.320312 23.589844 C 89.320312 23.136719 89.238281 22.707031 89.066406 22.292969 C 88.898438 21.878906 88.664062 21.53125 88.371094 21.257812 C 88.078125 20.984375 87.734375 20.800781 87.347656 20.710938 C 86.957031 20.621094 86.539062 20.679688 86.089844 20.890625 C 85.640625 21.101562 85.285156 21.394531 85.023438 21.773438 C 84.757812 22.15625 84.515625 22.554688 84.296875 22.972656 C 84.214844 22.652344 84.101562 22.355469 83.945312 22.082031 C 83.789062 21.808594 83.601562 21.566406 83.378906 21.363281 C 83.152344 21.15625 82.902344 21 82.621094 20.882812 C 82.34375 20.769531 82.046875 20.710938 81.738281 20.710938 C 81.441406 20.710938 81.164062 20.769531 80.910156 20.882812 C 80.65625 21 80.421875 21.144531 80.214844 21.324219 C 80.003906 21.503906 79.816406 21.707031 79.644531 21.933594 C 79.476562 22.15625 79.328125 22.378906 79.195312 22.597656 C 79.175781 22.339844 79.15625 22.113281 79.128906 21.917969 C 79.105469 21.722656 79.058594 21.558594 78.996094 21.421875 C 78.929688 21.289062 78.839844 21.183594 78.71875 21.117188 C 78.597656 21.046875 78.429688 21.011719 78.210938 21.011719 C 78.101562 21.011719 77.992188 21.03125 77.882812 21.078125 C 77.769531 21.121094 77.671875 21.183594 77.589844 21.265625 C 77.503906 21.34375 77.441406 21.441406 77.394531 21.558594 C 77.351562 21.671875 77.335938 21.804688 77.359375 21.953125 C 77.367188 22.066406 77.394531 22.195312 77.441406 22.351562 C 77.484375 22.507812 77.527344 22.710938 77.566406 22.957031 C 77.605469 23.207031 77.640625 23.511719 77.664062 23.867188 C 77.6875 24.21875 77.695312 24.65625 77.6875 25.167969 C 77.675781 25.683594 77.640625 26.285156 77.574219 26.976562 C 77.507812 27.664062 77.40625 28.464844 77.269531 29.375 C 77.246094 29.582031 77.328125 29.753906 77.507812 29.882812 C 77.6875 30.011719 77.890625 30.085938 78.121094 30.109375 C 78.347656 30.128906 78.566406 30.085938 78.769531 29.988281 C 78.976562 29.886719 79.09375 29.710938 79.121094 29.464844 C 79.152344 28.992188 79.210938 28.492188 79.292969 27.964844 C 79.378906 27.433594 79.484375 26.910156 79.609375 26.390625 C 79.734375 25.871094 79.875 25.375 80.035156 24.90625 C 80.195312 24.4375 80.371094 24.023438 80.566406 23.664062 C 80.761719 23.304688 80.960938 23.015625 81.171875 22.800781 C 81.378906 22.585938 81.601562 22.480469 81.828125 22.480469 C 82.109375 22.480469 82.324219 22.605469 82.480469 22.859375 C 82.632812 23.117188 82.742188 23.445312 82.808594 23.84375 C 82.875 24.242188 82.902344 24.679688 82.898438 25.15625 C 82.894531 25.628906 82.875 26.085938 82.839844 26.527344 C 82.804688 26.964844 82.765625 27.359375 82.71875 27.703125 C 82.675781 28.046875 82.640625 28.285156 82.621094 28.414062 C 82.621094 28.644531 82.707031 28.824219 82.882812 28.960938 C 83.058594 29.097656 83.253906 29.175781 83.464844 29.199219 C 83.679688 29.226562 83.882812 29.1875 84.074219 29.082031 C 84.261719 28.976562 84.371094 28.800781 84.402344 28.550781 C 84.5 27.828125 84.636719 27.109375 84.8125 26.382812 C 84.988281 25.660156 85.1875 25.007812 85.410156 24.433594 C 85.636719 23.859375 85.882812 23.390625 86.160156 23.027344 C 86.433594 22.660156 86.722656 22.480469 87.035156 22.480469 C 87.191406 22.480469 87.316406 22.589844 87.398438 22.808594 C 87.484375 23.027344 87.527344 23.328125 87.527344 23.707031 C 87.527344 23.988281 87.503906 24.273438 87.460938 24.570312 C 87.414062 24.863281 87.363281 25.167969 87.300781 25.484375 C 87.242188 25.800781 87.191406 26.121094 87.144531 26.449219 C 87.101562 26.78125 87.078125 27.125 87.078125 27.484375 C 87.078125 27.734375 87.101562 28.023438 87.152344 28.355469 C 87.203125 28.683594 87.296875 28.996094 87.4375 29.289062 C 87.578125 29.585938 87.769531 29.835938 88.011719 30.039062 C 88.257812 30.246094 88.570312 30.347656 88.949219 30.347656 C 89.515625 30.347656 90.019531 30.226562 90.457031 29.980469 C 90.898438 29.734375 91.273438 29.414062 91.585938 29.019531 C 91.601562 29 91.617188 28.976562 91.632812 28.957031 C 91.660156 29.015625 91.679688 29.078125 91.707031 29.132812 C 91.921875 29.574219 92.210938 29.914062 92.582031 30.152344 C 92.949219 30.390625 93.382812 30.523438 93.882812 30.550781 C 94.382812 30.574219 94.925781 30.480469 95.511719 30.273438 C 95.953125 30.113281 96.332031 29.914062 96.65625 29.671875 C 96.980469 29.433594 97.273438 29.140625 97.53125 28.796875 C 97.792969 28.453125 98.027344 28.054688 98.242188 27.605469 C 98.457031 27.15625 98.671875 26.640625 98.894531 26.0625 C 98.933594 25.902344 98.894531 25.757812 98.78125 25.632812 C 98.664062 25.507812 98.527344 25.421875 98.363281 25.371094 Z M 98.363281 25.371094 "/>
19 | <path style="fill-rule:evenodd;fill:rgb(5.098039%,4.705882%,13.72549%);" d="M 106.488281 23.699219 C 106.441406 23.996094 106.371094 24.320312 106.289062 24.675781 C 106.203125 25.027344 106.097656 25.394531 105.964844 25.777344 C 105.835938 26.15625 105.675781 26.496094 105.488281 26.800781 C 105.296875 27.105469 105.082031 27.347656 104.835938 27.527344 C 104.59375 27.710938 104.3125 27.785156 103.992188 27.753906 C 103.832031 27.734375 103.710938 27.625 103.625 27.425781 C 103.539062 27.222656 103.496094 26.96875 103.492188 26.660156 C 103.484375 26.351562 103.511719 26.011719 103.574219 25.640625 C 103.632812 25.269531 103.726562 24.910156 103.851562 24.554688 C 103.976562 24.199219 104.125 23.871094 104.304688 23.574219 C 104.484375 23.273438 104.691406 23.039062 104.925781 22.875 C 105.160156 22.710938 105.417969 22.632812 105.695312 22.644531 C 105.976562 22.652344 106.273438 22.792969 106.59375 23.0625 C 106.574219 23.191406 106.539062 23.40625 106.488281 23.699219 Z M 111.804688 24.847656 C 111.652344 24.765625 111.492188 24.75 111.328125 24.792969 C 111.164062 24.839844 111.046875 24.992188 110.976562 25.25 C 110.9375 25.53125 110.847656 25.859375 110.707031 26.238281 C 110.566406 26.621094 110.394531 26.980469 110.191406 27.320312 C 109.988281 27.660156 109.753906 27.941406 109.488281 28.167969 C 109.222656 28.390625 108.941406 28.492188 108.644531 28.472656 C 108.394531 28.453125 108.21875 28.324219 108.121094 28.089844 C 108.019531 27.855469 107.96875 27.5625 107.960938 27.207031 C 107.957031 26.851562 107.992188 26.453125 108.066406 26.007812 C 108.140625 25.5625 108.230469 25.121094 108.335938 24.679688 C 108.441406 24.242188 108.546875 23.820312 108.660156 23.414062 C 108.769531 23.011719 108.855469 22.667969 108.925781 22.390625 C 109.007812 22.140625 108.980469 21.925781 108.851562 21.75 C 108.722656 21.578125 108.5625 21.453125 108.367188 21.378906 C 108.171875 21.300781 107.976562 21.28125 107.777344 21.316406 C 107.578125 21.351562 107.445312 21.460938 107.386719 21.640625 C 106.796875 21.128906 106.234375 20.855469 105.691406 20.816406 C 105.144531 20.773438 104.644531 20.894531 104.1875 21.175781 C 103.726562 21.453125 103.320312 21.859375 102.96875 22.390625 C 102.613281 22.917969 102.328125 23.496094 102.109375 24.121094 C 101.886719 24.742188 101.75 25.382812 101.695312 26.03125 C 101.640625 26.679688 101.683594 27.273438 101.824219 27.804688 C 101.964844 28.339844 102.210938 28.777344 102.5625 29.117188 C 102.917969 29.457031 103.398438 29.628906 104.007812 29.628906 C 104.277344 29.628906 104.535156 29.574219 104.785156 29.460938 C 105.035156 29.351562 105.261719 29.222656 105.472656 29.074219 C 105.683594 28.921875 105.867188 28.765625 106.027344 28.601562 C 106.183594 28.4375 106.308594 28.296875 106.398438 28.1875 C 106.46875 28.546875 106.585938 28.851562 106.742188 29.101562 C 106.902344 29.351562 107.085938 29.558594 107.289062 29.71875 C 107.492188 29.875 107.707031 29.996094 107.933594 30.070312 C 108.15625 30.144531 108.375 30.183594 108.582031 30.183594 C 109.050781 30.183594 109.492188 30.023438 109.898438 29.703125 C 110.308594 29.382812 110.675781 28.992188 111 28.527344 C 111.324219 28.0625 111.589844 27.570312 111.796875 27.058594 C 112.007812 26.542969 112.148438 26.085938 112.21875 25.6875 C 112.289062 25.535156 112.273438 25.378906 112.179688 25.214844 C 112.085938 25.046875 111.960938 24.925781 111.804688 24.847656 Z M 111.804688 24.847656 "/>
20 | <path style="fill-rule:evenodd;fill:rgb(5.098039%,4.705882%,13.72549%);" d="M 138.726562 33.121094 C 138.640625 33.460938 138.507812 33.746094 138.328125 33.980469 C 138.148438 34.214844 137.925781 34.339844 137.65625 34.347656 C 137.488281 34.359375 137.355469 34.269531 137.265625 34.078125 C 137.179688 33.890625 137.117188 33.644531 137.082031 33.34375 C 137.046875 33.046875 137.03125 32.710938 137.035156 32.339844 C 137.039062 31.972656 137.054688 31.605469 137.082031 31.246094 C 137.105469 30.886719 137.136719 30.550781 137.171875 30.242188 C 137.203125 29.933594 137.234375 29.695312 137.253906 29.523438 C 137.589844 29.5625 137.875 29.710938 138.097656 29.964844 C 138.320312 30.21875 138.492188 30.523438 138.613281 30.871094 C 138.734375 31.222656 138.800781 31.597656 138.824219 32.003906 C 138.84375 32.410156 138.808594 32.78125 138.726562 33.121094 Z M 133.3125 33.121094 C 133.226562 33.460938 133.09375 33.746094 132.914062 33.980469 C 132.734375 34.214844 132.511719 34.339844 132.242188 34.347656 C 132.074219 34.359375 131.945312 34.269531 131.855469 34.078125 C 131.765625 33.890625 131.703125 33.644531 131.667969 33.34375 C 131.632812 33.046875 131.617188 32.710938 131.621094 32.339844 C 131.625 31.972656 131.640625 31.605469 131.667969 31.246094 C 131.691406 30.886719 131.722656 30.550781 131.757812 30.242188 C 131.792969 29.933594 131.820312 29.695312 131.839844 29.523438 C 132.175781 29.5625 132.460938 29.710938 132.683594 29.964844 C 132.90625 30.21875 133.078125 30.523438 133.199219 30.871094 C 133.320312 31.222656 133.390625 31.597656 133.410156 32.003906 C 133.429688 32.410156 133.394531 32.78125 133.3125 33.121094 Z M 127.757812 24.609375 C 127.746094 24.847656 127.722656 25.058594 127.6875 25.246094 C 127.652344 25.429688 127.605469 25.546875 127.546875 25.597656 C 127.4375 25.535156 127.300781 25.382812 127.144531 25.132812 C 126.984375 24.882812 126.859375 24.601562 126.769531 24.285156 C 126.679688 23.96875 126.652344 23.660156 126.6875 23.355469 C 126.722656 23.050781 126.878906 22.816406 127.15625 22.644531 C 127.265625 22.585938 127.363281 22.605469 127.441406 22.710938 C 127.523438 22.816406 127.585938 22.96875 127.636719 23.167969 C 127.6875 23.367188 127.722656 23.597656 127.742188 23.859375 C 127.761719 24.117188 127.765625 24.367188 127.757812 24.609375 Z M 126.433594 27.597656 C 126.277344 27.761719 126.105469 27.90625 125.917969 28.023438 C 125.726562 28.144531 125.53125 28.234375 125.332031 28.292969 C 125.132812 28.355469 124.953125 28.371094 124.796875 28.339844 C 124.347656 28.25 124.003906 28.054688 123.761719 27.753906 C 123.523438 27.457031 123.371094 27.101562 123.308594 26.699219 C 123.242188 26.292969 123.25 25.863281 123.328125 25.402344 C 123.410156 24.941406 123.542969 24.515625 123.734375 24.121094 C 123.921875 23.726562 124.152344 23.386719 124.421875 23.101562 C 124.691406 22.816406 124.984375 22.640625 125.304688 22.570312 C 125.183594 23.078125 125.144531 23.605469 125.183594 24.152344 C 125.222656 24.695312 125.351562 25.207031 125.574219 25.6875 C 125.710938 25.976562 125.878906 26.242188 126.074219 26.480469 C 126.269531 26.722656 126.503906 26.925781 126.785156 27.09375 C 126.703125 27.265625 126.585938 27.433594 126.433594 27.597656 Z M 142.980469 24.757812 C 143.011719 24.527344 143.054688 24.285156 143.113281 24.03125 C 143.175781 23.777344 143.25 23.527344 143.339844 23.289062 C 143.429688 23.050781 143.535156 22.839844 143.652344 22.667969 C 143.773438 22.492188 143.898438 22.367188 144.035156 22.292969 C 144.167969 22.21875 144.304688 22.226562 144.445312 22.316406 C 144.59375 22.40625 144.6875 22.59375 144.722656 22.882812 C 144.757812 23.175781 144.722656 23.484375 144.617188 23.8125 C 144.511719 24.144531 144.328125 24.453125 144.058594 24.742188 C 143.789062 25.03125 143.425781 25.222656 142.964844 25.3125 C 142.945312 25.171875 142.949219 24.988281 142.980469 24.757812 Z M 149.007812 24.757812 C 149.039062 24.527344 149.082031 24.285156 149.140625 24.03125 C 149.203125 23.777344 149.277344 23.527344 149.367188 23.289062 C 149.457031 23.050781 149.558594 22.839844 149.679688 22.667969 C 149.800781 22.492188 149.925781 22.367188 150.0625 22.292969 C 150.195312 22.21875 150.332031 22.226562 150.472656 22.316406 C 150.621094 22.40625 150.714844 22.59375 150.75 22.882812 C 150.785156 23.175781 150.75 23.484375 150.644531 23.8125 C 150.539062 24.144531 150.351562 24.453125 150.085938 24.742188 C 149.816406 25.03125 149.449219 25.222656 148.992188 25.3125 C 148.972656 25.171875 148.976562 24.988281 149.007812 24.757812 Z M 154.609375 25.632812 C 154.492188 25.507812 154.355469 25.421875 154.1875 25.371094 C 154.023438 25.320312 153.867188 25.316406 153.71875 25.355469 C 153.570312 25.398438 153.472656 25.503906 153.433594 25.671875 C 153.355469 25.992188 153.226562 26.320312 153.050781 26.652344 C 152.878906 26.988281 152.664062 27.304688 152.410156 27.605469 C 152.15625 27.90625 151.867188 28.167969 151.550781 28.398438 C 151.230469 28.628906 150.898438 28.792969 150.546875 28.894531 C 150.199219 29.003906 149.910156 29.015625 149.679688 28.929688 C 149.449219 28.847656 149.269531 28.703125 149.132812 28.496094 C 149 28.292969 148.902344 28.042969 148.84375 27.753906 C 148.78125 27.464844 148.746094 27.164062 148.738281 26.855469 C 149.304688 26.894531 149.8125 26.792969 150.257812 26.546875 C 150.699219 26.304688 151.074219 25.980469 151.386719 25.574219 C 151.695312 25.167969 151.929688 24.714844 152.089844 24.210938 C 152.246094 23.707031 152.335938 23.203125 152.359375 22.703125 C 152.367188 22.234375 152.296875 21.835938 152.148438 21.511719 C 152 21.1875 151.796875 20.9375 151.542969 20.757812 C 151.289062 20.574219 150.996094 20.472656 150.667969 20.441406 C 150.339844 20.410156 150.003906 20.457031 149.664062 20.574219 C 149.257812 20.714844 148.910156 20.945312 148.625 21.257812 C 148.34375 21.574219 148.105469 21.9375 147.914062 22.351562 C 147.726562 22.765625 147.578125 23.214844 147.464844 23.695312 C 147.355469 24.171875 147.277344 24.644531 147.226562 25.109375 C 147.179688 25.5625 147.152344 25.992188 147.148438 26.40625 C 147.109375 26.488281 147.070312 26.570312 147.027344 26.652344 C 146.851562 26.988281 146.636719 27.304688 146.382812 27.605469 C 146.128906 27.90625 145.839844 28.167969 145.523438 28.398438 C 145.203125 28.628906 144.871094 28.792969 144.519531 28.894531 C 144.171875 29.003906 143.882812 29.015625 143.652344 28.929688 C 143.425781 28.847656 143.242188 28.703125 143.109375 28.496094 C 142.972656 28.292969 142.875 28.042969 142.816406 27.753906 C 142.757812 27.464844 142.722656 27.164062 142.710938 26.855469 C 143.28125 26.894531 143.785156 26.792969 144.230469 26.546875 C 144.671875 26.304688 145.050781 25.980469 145.359375 25.574219 C 145.667969 25.167969 145.902344 24.714844 146.0625 24.210938 C 146.21875 23.707031 146.308594 23.203125 146.328125 22.703125 C 146.339844 22.234375 146.269531 21.835938 146.121094 21.511719 C 145.972656 21.1875 145.769531 20.9375 145.515625 20.757812 C 145.261719 20.574219 144.96875 20.472656 144.640625 20.441406 C 144.3125 20.410156 143.976562 20.457031 143.636719 20.574219 C 143.230469 20.714844 142.882812 20.945312 142.597656 21.257812 C 142.316406 21.574219 142.078125 21.9375 141.886719 22.351562 C 141.699219 22.765625 141.550781 23.214844 141.441406 23.695312 C 141.332031 24.171875 141.25 24.644531 141.199219 25.109375 C 141.171875 25.371094 141.152344 25.625 141.140625 25.875 C 141.042969 25.957031 140.949219 26.039062 140.847656 26.121094 C 140.503906 26.402344 140.144531 26.652344 139.765625 26.878906 C 139.386719 27.101562 138.992188 27.289062 138.582031 27.433594 C 138.175781 27.578125 137.753906 27.664062 137.328125 27.695312 L 138.253906 17.742188 C 138.316406 17.535156 138.285156 17.347656 138.164062 17.1875 C 138.046875 17.03125 137.890625 16.917969 137.703125 16.859375 C 137.511719 16.800781 137.308594 16.804688 137.09375 16.875 C 136.882812 16.945312 136.703125 17.105469 136.566406 17.355469 C 136.496094 17.734375 136.421875 18.253906 136.347656 18.914062 C 136.273438 19.570312 136.199219 20.292969 136.125 21.070312 C 136.046875 21.851562 135.972656 22.65625 135.898438 23.484375 C 135.824219 24.3125 135.757812 25.085938 135.703125 25.808594 C 135.703125 25.839844 135.699219 25.867188 135.699219 25.898438 C 135.609375 25.972656 135.527344 26.046875 135.433594 26.121094 C 135.089844 26.402344 134.730469 26.652344 134.351562 26.878906 C 133.972656 27.101562 133.578125 27.289062 133.167969 27.433594 C 132.761719 27.578125 132.34375 27.664062 131.914062 27.695312 L 132.839844 17.742188 C 132.902344 17.535156 132.871094 17.347656 132.75 17.1875 C 132.632812 17.03125 132.476562 16.917969 132.289062 16.859375 C 132.097656 16.800781 131.894531 16.804688 131.683594 16.875 C 131.46875 16.945312 131.289062 17.105469 131.152344 17.355469 C 131.082031 17.734375 131.007812 18.253906 130.933594 18.914062 C 130.859375 19.570312 130.785156 20.292969 130.710938 21.070312 C 130.636719 21.851562 130.558594 22.65625 130.484375 23.484375 C 130.410156 24.3125 130.347656 25.085938 130.292969 25.808594 C 130.289062 25.820312 130.289062 25.835938 130.289062 25.847656 C 130.132812 25.921875 129.960938 25.984375 129.773438 26.039062 C 129.585938 26.09375 129.371094 26.125 129.132812 26.136719 C 129.171875 25.957031 129.203125 25.757812 129.230469 25.535156 C 129.253906 25.316406 129.273438 25.085938 129.289062 24.847656 C 129.304688 24.609375 129.308594 24.367188 129.304688 24.128906 C 129.300781 23.886719 129.285156 23.667969 129.265625 23.46875 C 129.214844 23.039062 129.125 22.632812 128.988281 22.246094 C 128.855469 21.863281 128.671875 21.539062 128.445312 21.28125 C 128.214844 21.019531 127.929688 20.847656 127.582031 20.757812 C 127.238281 20.667969 126.839844 20.695312 126.378906 20.847656 C 125.703125 20.757812 125.089844 20.820312 124.546875 21.035156 C 124.003906 21.25 123.535156 21.558594 123.136719 21.96875 C 122.734375 22.378906 122.410156 22.863281 122.15625 23.417969 C 121.902344 23.96875 121.730469 24.539062 121.648438 25.125 C 121.609375 25.371094 121.59375 25.617188 121.589844 25.863281 C 121.433594 26.183594 121.265625 26.457031 121.078125 26.691406 C 120.816406 27.019531 120.539062 27.289062 120.257812 27.5 C 119.972656 27.710938 119.691406 27.871094 119.410156 27.980469 C 119.132812 28.089844 118.882812 28.164062 118.664062 28.203125 C 118.402344 28.253906 118.15625 28.257812 117.914062 28.21875 C 117.675781 28.179688 117.457031 28.066406 117.257812 27.875 C 117.097656 27.734375 116.976562 27.511719 116.890625 27.199219 C 116.804688 26.890625 116.757812 26.539062 116.742188 26.144531 C 116.726562 25.75 116.742188 25.335938 116.785156 24.90625 C 116.832031 24.476562 116.910156 24.070312 117.019531 23.6875 C 117.128906 23.300781 117.265625 22.957031 117.4375 22.652344 C 117.605469 22.347656 117.804688 22.128906 118.035156 22 C 118.164062 22.019531 118.246094 22.097656 118.273438 22.230469 C 118.304688 22.367188 118.3125 22.527344 118.296875 22.710938 C 118.28125 22.898438 118.261719 23.085938 118.230469 23.28125 C 118.199219 23.476562 118.183594 23.640625 118.183594 23.769531 C 118.234375 24.039062 118.332031 24.25 118.476562 24.398438 C 118.621094 24.546875 118.785156 24.636719 118.960938 24.660156 C 119.140625 24.683594 119.320312 24.644531 119.492188 24.53125 C 119.667969 24.421875 119.808594 24.25 119.917969 24.007812 C 119.929688 24.019531 119.945312 24.023438 119.964844 24.023438 L 120.175781 22.121094 C 120.234375 21.859375 120.195312 21.628906 120.054688 21.429688 C 119.914062 21.230469 119.730469 21.117188 119.5 21.085938 C 119.210938 20.667969 118.820312 20.445312 118.328125 20.417969 C 117.832031 20.394531 117.328125 20.554688 116.808594 20.90625 C 116.488281 21.136719 116.207031 21.453125 115.964844 21.859375 C 115.71875 22.261719 115.519531 22.710938 115.367188 23.207031 C 115.210938 23.699219 115.101562 24.222656 115.035156 24.773438 C 114.972656 25.320312 114.960938 25.855469 115 26.375 C 115.039062 26.894531 115.132812 27.386719 115.277344 27.84375 C 115.421875 28.304688 115.621094 28.6875 115.882812 29 C 116.101562 29.269531 116.351562 29.464844 116.628906 29.589844 C 116.910156 29.714844 117.199219 29.792969 117.503906 29.824219 C 117.808594 29.851562 118.109375 29.839844 118.410156 29.785156 C 118.707031 29.730469 118.992188 29.652344 119.261719 29.554688 C 119.609375 29.421875 119.96875 29.257812 120.339844 29.058594 C 120.707031 28.859375 121.0625 28.621094 121.398438 28.339844 C 121.578125 28.191406 121.75 28.03125 121.917969 27.859375 C 121.992188 28.046875 122.078125 28.230469 122.179688 28.398438 C 122.445312 28.847656 122.8125 29.214844 123.269531 29.492188 C 123.726562 29.773438 124.292969 29.90625 124.960938 29.898438 C 125.675781 29.886719 126.339844 29.707031 126.949219 29.351562 C 127.558594 28.996094 128.054688 28.472656 128.445312 27.785156 C 129.027344 27.785156 129.597656 27.6875 130.164062 27.496094 C 130.160156 27.558594 130.152344 27.621094 130.148438 27.679688 C 130.109375 28.210938 130.089844 28.570312 130.089844 28.757812 C 130.078125 29.089844 130.058594 29.496094 130.023438 29.980469 C 129.988281 30.464844 129.964844 30.976562 129.953125 31.507812 C 129.945312 32.042969 129.964844 32.582031 130.015625 33.128906 C 130.0625 33.671875 130.167969 34.167969 130.328125 34.613281 C 130.488281 35.054688 130.714844 35.433594 131.007812 35.742188 C 131.300781 36.050781 131.6875 36.238281 132.167969 36.296875 C 132.675781 36.367188 133.113281 36.277344 133.484375 36.027344 C 133.851562 35.777344 134.152344 35.4375 134.382812 35 C 134.609375 34.566406 134.773438 34.066406 134.867188 33.496094 C 134.960938 32.925781 134.988281 32.355469 134.949219 31.777344 C 134.910156 31.203125 134.804688 30.664062 134.636719 30.152344 C 134.464844 29.644531 134.230469 29.222656 133.933594 28.894531 C 134.113281 28.84375 134.328125 28.75 134.574219 28.609375 C 134.824219 28.46875 135.082031 28.3125 135.347656 28.136719 C 135.410156 28.09375 135.476562 28.050781 135.539062 28.003906 C 135.515625 28.359375 135.503906 28.609375 135.503906 28.757812 C 135.492188 29.089844 135.46875 29.496094 135.433594 29.980469 C 135.402344 30.464844 135.378906 30.976562 135.367188 31.507812 C 135.359375 32.042969 135.378906 32.582031 135.429688 33.128906 C 135.476562 33.671875 135.582031 34.167969 135.742188 34.613281 C 135.902344 35.054688 136.128906 35.433594 136.421875 35.742188 C 136.714844 36.050781 137.101562 36.238281 137.582031 36.296875 C 138.089844 36.367188 138.527344 36.277344 138.898438 36.027344 C 139.265625 35.777344 139.566406 35.4375 139.792969 35 C 140.023438 34.566406 140.1875 34.066406 140.28125 33.496094 C 140.375 32.925781 140.402344 32.355469 140.363281 31.777344 C 140.324219 31.203125 140.21875 30.664062 140.050781 30.152344 C 139.878906 29.644531 139.644531 29.222656 139.347656 28.894531 C 139.527344 28.84375 139.738281 28.75 139.988281 28.609375 C 140.238281 28.46875 140.496094 28.3125 140.757812 28.136719 C 140.898438 28.046875 141.035156 27.953125 141.167969 27.855469 C 141.222656 28.34375 141.332031 28.773438 141.507812 29.132812 C 141.722656 29.574219 142.011719 29.914062 142.382812 30.152344 C 142.75 30.394531 143.183594 30.523438 143.683594 30.550781 C 144.183594 30.574219 144.726562 30.484375 145.3125 30.273438 C 145.753906 30.113281 146.132812 29.914062 146.457031 29.671875 C 146.78125 29.433594 147.074219 29.140625 147.332031 28.796875 C 147.347656 28.777344 147.359375 28.753906 147.375 28.734375 C 147.421875 28.875 147.472656 29.007812 147.535156 29.132812 C 147.75 29.574219 148.039062 29.914062 148.410156 30.152344 C 148.777344 30.394531 149.210938 30.523438 149.710938 30.550781 C 150.207031 30.574219 150.75 30.484375 151.339844 30.273438 C 151.777344 30.113281 152.160156 29.914062 152.484375 29.671875 C 152.808594 29.433594 153.101562 29.140625 153.359375 28.796875 C 153.617188 28.453125 153.855469 28.054688 154.070312 27.605469 C 154.285156 27.15625 154.5 26.640625 154.71875 26.0625 C 154.761719 25.902344 154.722656 25.757812 154.609375 25.632812 Z M 154.609375 25.632812 "/>
21 | </svg>
22 | 


--------------------------------------------------------------------------------
/docs/images/chart.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/docs/images/chart.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="utf-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <title>Charts for BenchmarkDotNet</title>
  8 |     <meta name="description" content="A simple web app that charts your BenchmarkDotNet console results.">
  9 |     <meta name="robots" content="index, follow">
 10 |     <meta name="msapplication-TileColor" content="#333333">
 11 |     <meta name="msapplication-config" content="browserconfig.xml">
 12 |     <meta name="theme-color" content="#272b30">
 13 |     <link rel="canonical" href="https://chartbenchmark.net">
 14 |     <link rel="icon" href="/favicon.ico" sizes="any">
 15 |     <link rel="icon" href="/favicon.svg" type="image/svg+xml">
 16 |     <link rel="manifest" href="/manifest.webmanifest">
 17 |     <link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
 18 |     <link rel="mask-icon" href="/images/icons/safari-pinned-tab.svg" color="#f94144">
 19 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/5.2.3/slate/bootstrap.min.css"
 20 |         integrity="sha512-GixPbJydZH3yyD23SgcC/i/FIhLb+0F26ABBvEg9ejj90hYuXXjPphWTWTX5dIuolObna6iXz1nr5nog6Dex7w=="
 21 |         crossorigin="anonymous" referrerpolicy="no-referrer" />
 22 | 
 23 |     <style>
 24 |         textarea {
 25 |             white-space: pre;
 26 |         }
 27 | 
 28 |         .input-group .form-range {
 29 |             height: initial;
 30 |         }
 31 | 
 32 |         .icon {
 33 |             width: 1rem;
 34 |             height: 1rem;
 35 |             fill: #fff;
 36 |             margin-right: 4px;
 37 |         }
 38 | 
 39 |         h1 svg {
 40 |             width: 3rem;
 41 |             height: 3rem;
 42 |             fill: #f94144;
 43 |         }
 44 | 
 45 |         .btn-primary:not([disabled]):not(.disabled):focus {
 46 |             background-image: linear-gradient(#52565a, #3a3f44 60%, #353a3f);
 47 |         }
 48 | 
 49 |         .btn-check:checked+.btn,
 50 |         :not(.btn-check)+.btn:active,
 51 |         .btn:first-child:active,
 52 |         .btn.active,
 53 |         .btn.show {
 54 |             background-image: linear-gradient(#25282c, #292c30 40%, #2b2f32) !important;
 55 |         }
 56 |     </style>
 57 | 
 58 |     <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.bundle.min.js"
 59 |         integrity="sha512-i9cEfJwUwViEPFKdC1enz4ZRGBj8YQo6QByFTF92YXHi7waCqyexvRD75S5NVTsSiTv7rKWqG9Y5eFxmRsOn0A=="
 60 |         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 61 | 
 62 |     <script defer type="module" src="/src/main.ts"></script>
 63 | </head>
 64 | 
 65 | <body class="mt-3 mb-5">
 66 |     <div class="container-fluid">
 67 |         <header>
 68 |             <div class="col-sm-10 offset-sm-1">
 69 |                 <div class="row">
 70 |                     <div class="col">
 71 |                         <h1 class="text-center">
 72 |                             <a href="/" class="text-decoration-none">
 73 |                                 <svg xmlns="http://www.w3.org/2000/svg" class="align-text-bottom" viewBox="0 0 512 512">
 74 |                                     <path
 75 |                                         d="M32 32c17.7 0 32 14.3 32 32V400c0 8.8 7.2 16 16 16H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H80c-44.2 0-80-35.8-80-80V64C0 46.3 14.3 32 32 32zM160 224c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V256c0-17.7 14.3-32 32-32zm128-64V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V160c0-17.7 14.3-32 32-32s32 14.3 32 32zm64 32c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32zM480 96V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V96c0-17.7 14.3-32 32-32s32 14.3 32 32z" />
 76 |                                 </svg>
 77 |                                 <br class="d-sm-none">
 78 |                                 <span>Charts for BenchmarkDotNet</span>
 79 |                             </a>
 80 |                         </h1>
 81 |                     </div>
 82 |                 </div>
 83 |             </div>
 84 |         </header>
 85 |         <main class="mb-5">
 86 |             <div class="row">
 87 |                 <div class="col-sm-10 offset-sm-1">
 88 |                     <div class="row">
 89 |                         <div class="col">
 90 |                             <p class="lead text-center">Paste your console results below:</p>
 91 |                             <textarea id="resultsInput" rows="10" class="w-100 font-monospace" autocomplete="off"
 92 |                                 spellcheck="false" aria-label="Your BenchmarkDotNet console results">
 93 | BenchmarkDotNet=v0.13.2, OS=Windows 11 (10.0.22621.674)
 94 | AMD Ryzen 9 6900HS Creator Edition, 1 CPU, 16 logical and 8 physical cores
 95 | .NET SDK=6.0.401
 96 |     [Host]     : .NET 5.0.17 (5.0.1722.21314), X64 RyuJIT AVX2
 97 |     Job-DMBNZL : .NET 5.0.17 (5.0.1722.21314), X64 RyuJIT AVX2
 98 |     Job-LVVPJF : .NET 6.0.9 (6.0.922.41905), X64 RyuJIT AVX2
 99 | 
100 | Server=True  InvocationCount=32  IterationCount=10
101 | RunStrategy=Monitoring  WarmupCount=1
102 | 
103 | |          Method |  Runtime | NumberOfValues |       Mean |       Error |    StdDev | Allocated |
104 | |---------------- |--------- |--------------- |-----------:|------------:|----------:|----------:|
105 | |  Int32ValuesXml | .NET 5.0 |             64 | 1,296.3 us |    88.44 us |  58.50 us | 113.63 KB |
106 | | Int32ValuesJson | .NET 5.0 |             64 |   760.2 us |   140.28 us |  92.79 us | 112.23 KB |
107 | |  Int32ValuesXml | .NET 6.0 |             64 | 1,301.8 us |   263.00 us | 173.96 us | 112.81 KB |
108 | | Int32ValuesJson | .NET 6.0 |             64 |   767.9 us |   159.57 us | 105.55 us | 111.65 KB |
109 | |  Int32ValuesXml | .NET 5.0 |            256 | 2,762.4 us |   295.13 us | 195.21 us | 118.75 KB |
110 | | Int32ValuesJson | .NET 5.0 |            256 |   876.7 us |    85.14 us |  56.31 us | 116.51 KB |
111 | |  Int32ValuesXml | .NET 6.0 |            256 | 2,668.7 us |   182.09 us | 120.44 us | 118.62 KB |
112 | | Int32ValuesJson | .NET 6.0 |            256 |   848.2 us |    28.09 us |  18.58 us | 116.09 KB |
113 | |  Int32ValuesXml | .NET 5.0 |           1024 | 8,440.8 us | 1,488.93 us | 984.84 us | 146.55 KB |
114 | | Int32ValuesJson | .NET 5.0 |           1024 | 1,285.0 us |   185.82 us | 122.91 us | 132.95 KB |
115 | |  Int32ValuesXml | .NET 6.0 |           1024 | 8,262.4 us |   325.18 us | 215.09 us | 144.92 KB |
116 | | Int32ValuesJson | .NET 6.0 |           1024 | 1,287.0 us |   193.03 us | 127.68 us | 133.89 KB |
117 |                             </textarea>
118 |                             <p class="text-center">
119 |                                 <small class="text-muted">(This information does not leave your browser.)</small>
120 |                             </p>
121 |                         </div>
122 |                     </div>
123 |                     <form autocomplete="off">
124 |                         <div class="row">
125 |                             <div class="col-12 col-xl-12 col-xxl-4 mb-2">
126 |                                 <label class="form-label" for="widthRangeInput">Size</label>
127 |                                 <div class="d-flex justify-content-between">
128 |                                     <div class="input-group input-group-sm me-2">
129 |                                         <span id="widthSpan" class="input-group-text">Width</span>
130 |                                         <input type="range" id="widthRangeInput" min="0" max="1" step="0.05" value="0.5"
131 |                                             class="form-control form-range" aria-label="Chart Width"
132 |                                             aria-describedby="widthSpan">
133 |                                     </div>
134 |                                     <div class="input-group input-group-sm">
135 |                                         <span id="heightSpan" class="input-group-text">Height</span>
136 |                                         <input type="range" id="heightRangeInput" min="0" max="1" step="0.05"
137 |                                             value="0.25" class="form-control form-range" aria-label="Chart Height"
138 |                                             aria-describedby="heightSpan">
139 |                                     </div>
140 |                                 </div>
141 |                             </div>
142 |                             <div class="col-4 col-xl-4 col-xxl-3">
143 |                                 <label class="form-label">Display</label>
144 |                                 <div id="displayRadioContainer">
145 |                                     <div class="form-check form-check-inline d-block d-xl-inline-block">
146 |                                         <input class="form-check-input" type="radio" name="displayRadio"
147 |                                             id="allDisplayRadio" value="All" checked>
148 |                                         <label class="form-check-label" for="allDisplayRadio">
149 |                                             All
150 |                                         </label>
151 |                                     </div>
152 |                                     <div class="form-check form-check-inline d-block d-xl-inline-block">
153 |                                         <input class="form-check-input" type="radio" name="displayRadio"
154 |                                             id="durationDisplayRadio" value="Duration">
155 |                                         <label class="form-check-label" for="durationDisplayRadio">
156 |                                             Duration
157 |                                         </label>
158 |                                     </div>
159 |                                     <div class="form-check form-check-inline d-block d-xl-inline-block me-0">
160 |                                         <input class="form-check-input" type="radio" name="displayRadio"
161 |                                             id="allocationDisplayRadio" value="Allocation">
162 |                                         <label class="form-check-label" for="allocationDisplayRadio">
163 |                                             Allocation
164 |                                         </label>
165 |                                     </div>
166 |                                 </div>
167 |                             </div>
168 |                             <div class="col-4 col-xl-4 col-xxl-3">
169 |                                 <label class="form-label">Scale</label>
170 |                                 <div id="scaleRadioContainer">
171 |                                     <div class="form-check form-check-inline d-block d-xl-inline-block">
172 |                                         <input class="form-check-input" type="radio" name="scaleRadio"
173 |                                             id="linearScaleRadio" value="Linear">
174 |                                         <label class="form-check-label" for="linearScaleRadio">
175 |                                             Linear
176 |                                         </label>
177 |                                     </div>
178 |                                     <div class="form-check form-check-inline d-block d-xl-inline-block">
179 |                                         <input class="form-check-input" type="radio" name="scaleRadio"
180 |                                             id="log10ScaleRadio" value="Log10">
181 |                                         <label class="form-check-label" for="log10ScaleRadio">
182 |                                             Log10
183 |                                         </label>
184 |                                     </div>
185 |                                     <div class="form-check form-check-inline d-block d-xl-inline-block me-0">
186 |                                         <input class="form-check-input" type="radio" name="scaleRadio"
187 |                                             id="log2ScaleRadio" value="Log2" checked>
188 |                                         <label class="form-check-label" for="log2ScaleRadio">
189 |                                             Log2
190 |                                         </label>
191 |                                     </div>
192 |                                 </div>
193 |                             </div>
194 |                             <div class="col-4 col-xl-4 col-xxl-2">
195 |                                 <label class="form-label">Theme</label>
196 |                                 <div id="themeRadioContainer">
197 |                                     <div class="form-check form-check-inline d-block d-xl-inline-block">
198 |                                         <input class="form-check-input" type="radio" name="themeRadio"
199 |                                             id="darkThemeRadio" value="Dark" checked>
200 |                                         <label class="form-check-label" for="darkThemeRadio">
201 |                                             Dark
202 |                                         </label>
203 |                                     </div>
204 |                                     <div class="form-check form-check-inline d-block d-xl-inline-block me-0">
205 |                                         <input class="form-check-input" type="radio" name="themeRadio"
206 |                                             id="lightThemeRadio" value="Light">
207 |                                         <label class="form-check-label" for="lightThemeRadio">
208 |                                             Light
209 |                                         </label>
210 |                                     </div>
211 |                                 </div>
212 |                             </div>
213 |                         </div>
214 |                     </form>
215 |                     <hr>
216 |                     <div id="chartWrapper" class="mx-auto position-relative rounded" style="height: 400px; width: 50%;">
217 |                         <canvas id="chartCanvas"></canvas>
218 |                     </div>
219 |                     <hr>
220 |                     <div class="text-center">
221 |                         <button id="copyToClipboardButton" type="button" class="btn btn-primary mb-2" data-feedback-text="✌️">
222 |                             <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 512 512">
223 |                                 <path
224 |                                     d="M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z" />
225 |                             </svg>
226 |                             <span>Copy</span>
227 |                         </button>
228 |                         <button id="downloadButton" type="button" class="btn btn-primary mb-2">
229 |                             <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 512 512">
230 |                                 <path
231 |                                     d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zM432 456c-13.3 0-24-10.7-24-24s10.7-24 24-24s24 10.7 24 24s-10.7 24-24 24z" />
232 |                             </svg>
233 |                             <span>Download</span>
234 |                         </button>
235 |                         <div id="shareButtonContainer" class="btn-group mb-2">
236 |                             <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown"
237 |                                 aria-expanded="false">
238 |                                 <svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 448 512">
239 |                                     <path
240 |                                         d="M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z" />
241 |                                 </svg>
242 |                                 <span>Share</span>
243 |                             </button>
244 |                             <ul class="dropdown-menu">
245 |                                 <li><a class="dropdown-item" data-action="shareAsUrl" href="#">Link</a></li>
246 |                                 <li><a class="dropdown-item" data-action="shareAsImage" href="#">Chart image</a></li>
247 |                             </ul>
248 |                         </div>
249 |                     </div>
250 |                 </div>
251 |             </div>
252 |         </main>
253 |         <footer class="text-center small">
254 |             <p>
255 |                 Made with ❤️&☕ by <a href="https://github.com/yv989c" target="_blank">yv989c</a>
256 |             </p>
257 |             <p>
258 |                 Powered by:<br><a href="https://bootswatch.com/" target="_blank">Bootswatch</a>,
259 |                 <a href="https://fontawesome.com/" target="_blank">Font Awesome</a>,<br class="d-sm-none">
260 |                 <a href="https://www.chartjs.org/" target="_blank">Chart.js</a>,
261 |                 <a href="https://github.com/pieroxy/lz-string" target="_blank">lz-string</a>,
262 |                 <a href="https://vitejs.dev/" target="_blank">Vite</a>,
263 |                 and <a href="https://github.com/yv989c/ChartsForBenchmarkDotNet" target="_blank">GitHub</a>
264 |             </p>
265 |         </footer>
266 |     </div>
267 | 
268 |     <script defer data-name="BMC-Widget" data-cfasync="false"
269 |         src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="yv989c"
270 |         data-description="Support me on Buy me a coffee!" data-message="" data-color="#FF5F5F" data-position="Right"
271 |         data-x_margin="18" data-y_margin="18"></script>
272 | 
273 |     <script defer src='https://static.cloudflareinsights.com/beacon.min.js'
274 |         data-cf-beacon='{"token": "767ff100230840c1802e2bc54c5453e9"}'></script>
275 | 
276 | </body>
277 | 
278 | </html>


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "charts-for-benchmarkdotnet",
  3 |   "version": "0.0.0",
  4 |   "lockfileVersion": 2,
  5 |   "requires": true,
  6 |   "packages": {
  7 |     "": {
  8 |       "name": "charts-for-benchmarkdotnet",
  9 |       "version": "0.0.0",
 10 |       "dependencies": {
 11 |         "chart.js": "^3.9.1",
 12 |         "lz-string": "^1.5.0"
 13 |       },
 14 |       "devDependencies": {
 15 |         "typescript": "^5.0.2",
 16 |         "vite": "^4.3.2"
 17 |       }
 18 |     },
 19 |     "node_modules/@esbuild/android-arm": {
 20 |       "version": "0.17.18",
 21 |       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.18.tgz",
 22 |       "integrity": "sha512-EmwL+vUBZJ7mhFCs5lA4ZimpUH3WMAoqvOIYhVQwdIgSpHC8ImHdsRyhHAVxpDYUSm0lWvd63z0XH1IlImS2Qw==",
 23 |       "cpu": [
 24 |         "arm"
 25 |       ],
 26 |       "dev": true,
 27 |       "optional": true,
 28 |       "os": [
 29 |         "android"
 30 |       ],
 31 |       "engines": {
 32 |         "node": ">=12"
 33 |       }
 34 |     },
 35 |     "node_modules/@esbuild/android-arm64": {
 36 |       "version": "0.17.18",
 37 |       "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.18.tgz",
 38 |       "integrity": "sha512-/iq0aK0eeHgSC3z55ucMAHO05OIqmQehiGay8eP5l/5l+iEr4EIbh4/MI8xD9qRFjqzgkc0JkX0LculNC9mXBw==",
 39 |       "cpu": [
 40 |         "arm64"
 41 |       ],
 42 |       "dev": true,
 43 |       "optional": true,
 44 |       "os": [
 45 |         "android"
 46 |       ],
 47 |       "engines": {
 48 |         "node": ">=12"
 49 |       }
 50 |     },
 51 |     "node_modules/@esbuild/android-x64": {
 52 |       "version": "0.17.18",
 53 |       "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.18.tgz",
 54 |       "integrity": "sha512-x+0efYNBF3NPW2Xc5bFOSFW7tTXdAcpfEg2nXmxegm4mJuVeS+i109m/7HMiOQ6M12aVGGFlqJX3RhNdYM2lWg==",
 55 |       "cpu": [
 56 |         "x64"
 57 |       ],
 58 |       "dev": true,
 59 |       "optional": true,
 60 |       "os": [
 61 |         "android"
 62 |       ],
 63 |       "engines": {
 64 |         "node": ">=12"
 65 |       }
 66 |     },
 67 |     "node_modules/@esbuild/darwin-arm64": {
 68 |       "version": "0.17.18",
 69 |       "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.18.tgz",
 70 |       "integrity": "sha512-6tY+djEAdF48M1ONWnQb1C+6LiXrKjmqjzPNPWXhu/GzOHTHX2nh8Mo2ZAmBFg0kIodHhciEgUBtcYCAIjGbjQ==",
 71 |       "cpu": [
 72 |         "arm64"
 73 |       ],
 74 |       "dev": true,
 75 |       "optional": true,
 76 |       "os": [
 77 |         "darwin"
 78 |       ],
 79 |       "engines": {
 80 |         "node": ">=12"
 81 |       }
 82 |     },
 83 |     "node_modules/@esbuild/darwin-x64": {
 84 |       "version": "0.17.18",
 85 |       "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.18.tgz",
 86 |       "integrity": "sha512-Qq84ykvLvya3dO49wVC9FFCNUfSrQJLbxhoQk/TE1r6MjHo3sFF2tlJCwMjhkBVq3/ahUisj7+EpRSz0/+8+9A==",
 87 |       "cpu": [
 88 |         "x64"
 89 |       ],
 90 |       "dev": true,
 91 |       "optional": true,
 92 |       "os": [
 93 |         "darwin"
 94 |       ],
 95 |       "engines": {
 96 |         "node": ">=12"
 97 |       }
 98 |     },
 99 |     "node_modules/@esbuild/freebsd-arm64": {
100 |       "version": "0.17.18",
101 |       "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.18.tgz",
102 |       "integrity": "sha512-fw/ZfxfAzuHfaQeMDhbzxp9mc+mHn1Y94VDHFHjGvt2Uxl10mT4CDavHm+/L9KG441t1QdABqkVYwakMUeyLRA==",
103 |       "cpu": [
104 |         "arm64"
105 |       ],
106 |       "dev": true,
107 |       "optional": true,
108 |       "os": [
109 |         "freebsd"
110 |       ],
111 |       "engines": {
112 |         "node": ">=12"
113 |       }
114 |     },
115 |     "node_modules/@esbuild/freebsd-x64": {
116 |       "version": "0.17.18",
117 |       "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.18.tgz",
118 |       "integrity": "sha512-FQFbRtTaEi8ZBi/A6kxOC0V0E9B/97vPdYjY9NdawyLd4Qk5VD5g2pbWN2VR1c0xhzcJm74HWpObPszWC+qTew==",
119 |       "cpu": [
120 |         "x64"
121 |       ],
122 |       "dev": true,
123 |       "optional": true,
124 |       "os": [
125 |         "freebsd"
126 |       ],
127 |       "engines": {
128 |         "node": ">=12"
129 |       }
130 |     },
131 |     "node_modules/@esbuild/linux-arm": {
132 |       "version": "0.17.18",
133 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.18.tgz",
134 |       "integrity": "sha512-jW+UCM40LzHcouIaqv3e/oRs0JM76JfhHjCavPxMUti7VAPh8CaGSlS7cmyrdpzSk7A+8f0hiedHqr/LMnfijg==",
135 |       "cpu": [
136 |         "arm"
137 |       ],
138 |       "dev": true,
139 |       "optional": true,
140 |       "os": [
141 |         "linux"
142 |       ],
143 |       "engines": {
144 |         "node": ">=12"
145 |       }
146 |     },
147 |     "node_modules/@esbuild/linux-arm64": {
148 |       "version": "0.17.18",
149 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.18.tgz",
150 |       "integrity": "sha512-R7pZvQZFOY2sxUG8P6A21eq6q+eBv7JPQYIybHVf1XkQYC+lT7nDBdC7wWKTrbvMXKRaGudp/dzZCwL/863mZQ==",
151 |       "cpu": [
152 |         "arm64"
153 |       ],
154 |       "dev": true,
155 |       "optional": true,
156 |       "os": [
157 |         "linux"
158 |       ],
159 |       "engines": {
160 |         "node": ">=12"
161 |       }
162 |     },
163 |     "node_modules/@esbuild/linux-ia32": {
164 |       "version": "0.17.18",
165 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.18.tgz",
166 |       "integrity": "sha512-ygIMc3I7wxgXIxk6j3V00VlABIjq260i967Cp9BNAk5pOOpIXmd1RFQJQX9Io7KRsthDrQYrtcx7QCof4o3ZoQ==",
167 |       "cpu": [
168 |         "ia32"
169 |       ],
170 |       "dev": true,
171 |       "optional": true,
172 |       "os": [
173 |         "linux"
174 |       ],
175 |       "engines": {
176 |         "node": ">=12"
177 |       }
178 |     },
179 |     "node_modules/@esbuild/linux-loong64": {
180 |       "version": "0.17.18",
181 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.18.tgz",
182 |       "integrity": "sha512-bvPG+MyFs5ZlwYclCG1D744oHk1Pv7j8psF5TfYx7otCVmcJsEXgFEhQkbhNW8otDHL1a2KDINW20cfCgnzgMQ==",
183 |       "cpu": [
184 |         "loong64"
185 |       ],
186 |       "dev": true,
187 |       "optional": true,
188 |       "os": [
189 |         "linux"
190 |       ],
191 |       "engines": {
192 |         "node": ">=12"
193 |       }
194 |     },
195 |     "node_modules/@esbuild/linux-mips64el": {
196 |       "version": "0.17.18",
197 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.18.tgz",
198 |       "integrity": "sha512-oVqckATOAGuiUOa6wr8TXaVPSa+6IwVJrGidmNZS1cZVx0HqkTMkqFGD2HIx9H1RvOwFeWYdaYbdY6B89KUMxA==",
199 |       "cpu": [
200 |         "mips64el"
201 |       ],
202 |       "dev": true,
203 |       "optional": true,
204 |       "os": [
205 |         "linux"
206 |       ],
207 |       "engines": {
208 |         "node": ">=12"
209 |       }
210 |     },
211 |     "node_modules/@esbuild/linux-ppc64": {
212 |       "version": "0.17.18",
213 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.18.tgz",
214 |       "integrity": "sha512-3dLlQO+b/LnQNxgH4l9rqa2/IwRJVN9u/bK63FhOPB4xqiRqlQAU0qDU3JJuf0BmaH0yytTBdoSBHrb2jqc5qQ==",
215 |       "cpu": [
216 |         "ppc64"
217 |       ],
218 |       "dev": true,
219 |       "optional": true,
220 |       "os": [
221 |         "linux"
222 |       ],
223 |       "engines": {
224 |         "node": ">=12"
225 |       }
226 |     },
227 |     "node_modules/@esbuild/linux-riscv64": {
228 |       "version": "0.17.18",
229 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.18.tgz",
230 |       "integrity": "sha512-/x7leOyDPjZV3TcsdfrSI107zItVnsX1q2nho7hbbQoKnmoeUWjs+08rKKt4AUXju7+3aRZSsKrJtaRmsdL1xA==",
231 |       "cpu": [
232 |         "riscv64"
233 |       ],
234 |       "dev": true,
235 |       "optional": true,
236 |       "os": [
237 |         "linux"
238 |       ],
239 |       "engines": {
240 |         "node": ">=12"
241 |       }
242 |     },
243 |     "node_modules/@esbuild/linux-s390x": {
244 |       "version": "0.17.18",
245 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.18.tgz",
246 |       "integrity": "sha512-cX0I8Q9xQkL/6F5zWdYmVf5JSQt+ZfZD2bJudZrWD+4mnUvoZ3TDDXtDX2mUaq6upMFv9FlfIh4Gfun0tbGzuw==",
247 |       "cpu": [
248 |         "s390x"
249 |       ],
250 |       "dev": true,
251 |       "optional": true,
252 |       "os": [
253 |         "linux"
254 |       ],
255 |       "engines": {
256 |         "node": ">=12"
257 |       }
258 |     },
259 |     "node_modules/@esbuild/linux-x64": {
260 |       "version": "0.17.18",
261 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.18.tgz",
262 |       "integrity": "sha512-66RmRsPlYy4jFl0vG80GcNRdirx4nVWAzJmXkevgphP1qf4dsLQCpSKGM3DUQCojwU1hnepI63gNZdrr02wHUA==",
263 |       "cpu": [
264 |         "x64"
265 |       ],
266 |       "dev": true,
267 |       "optional": true,
268 |       "os": [
269 |         "linux"
270 |       ],
271 |       "engines": {
272 |         "node": ">=12"
273 |       }
274 |     },
275 |     "node_modules/@esbuild/netbsd-x64": {
276 |       "version": "0.17.18",
277 |       "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.18.tgz",
278 |       "integrity": "sha512-95IRY7mI2yrkLlTLb1gpDxdC5WLC5mZDi+kA9dmM5XAGxCME0F8i4bYH4jZreaJ6lIZ0B8hTrweqG1fUyW7jbg==",
279 |       "cpu": [
280 |         "x64"
281 |       ],
282 |       "dev": true,
283 |       "optional": true,
284 |       "os": [
285 |         "netbsd"
286 |       ],
287 |       "engines": {
288 |         "node": ">=12"
289 |       }
290 |     },
291 |     "node_modules/@esbuild/openbsd-x64": {
292 |       "version": "0.17.18",
293 |       "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.18.tgz",
294 |       "integrity": "sha512-WevVOgcng+8hSZ4Q3BKL3n1xTv5H6Nb53cBrtzzEjDbbnOmucEVcZeGCsCOi9bAOcDYEeBZbD2SJNBxlfP3qiA==",
295 |       "cpu": [
296 |         "x64"
297 |       ],
298 |       "dev": true,
299 |       "optional": true,
300 |       "os": [
301 |         "openbsd"
302 |       ],
303 |       "engines": {
304 |         "node": ">=12"
305 |       }
306 |     },
307 |     "node_modules/@esbuild/sunos-x64": {
308 |       "version": "0.17.18",
309 |       "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.18.tgz",
310 |       "integrity": "sha512-Rzf4QfQagnwhQXVBS3BYUlxmEbcV7MY+BH5vfDZekU5eYpcffHSyjU8T0xucKVuOcdCsMo+Ur5wmgQJH2GfNrg==",
311 |       "cpu": [
312 |         "x64"
313 |       ],
314 |       "dev": true,
315 |       "optional": true,
316 |       "os": [
317 |         "sunos"
318 |       ],
319 |       "engines": {
320 |         "node": ">=12"
321 |       }
322 |     },
323 |     "node_modules/@esbuild/win32-arm64": {
324 |       "version": "0.17.18",
325 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.18.tgz",
326 |       "integrity": "sha512-Kb3Ko/KKaWhjeAm2YoT/cNZaHaD1Yk/pa3FTsmqo9uFh1D1Rfco7BBLIPdDOozrObj2sahslFuAQGvWbgWldAg==",
327 |       "cpu": [
328 |         "arm64"
329 |       ],
330 |       "dev": true,
331 |       "optional": true,
332 |       "os": [
333 |         "win32"
334 |       ],
335 |       "engines": {
336 |         "node": ">=12"
337 |       }
338 |     },
339 |     "node_modules/@esbuild/win32-ia32": {
340 |       "version": "0.17.18",
341 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.18.tgz",
342 |       "integrity": "sha512-0/xUMIdkVHwkvxfbd5+lfG7mHOf2FRrxNbPiKWg9C4fFrB8H0guClmaM3BFiRUYrznVoyxTIyC/Ou2B7QQSwmw==",
343 |       "cpu": [
344 |         "ia32"
345 |       ],
346 |       "dev": true,
347 |       "optional": true,
348 |       "os": [
349 |         "win32"
350 |       ],
351 |       "engines": {
352 |         "node": ">=12"
353 |       }
354 |     },
355 |     "node_modules/@esbuild/win32-x64": {
356 |       "version": "0.17.18",
357 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.18.tgz",
358 |       "integrity": "sha512-qU25Ma1I3NqTSHJUOKi9sAH1/Mzuvlke0ioMJRthLXKm7JiSKVwFghlGbDLOO2sARECGhja4xYfRAZNPAkooYg==",
359 |       "cpu": [
360 |         "x64"
361 |       ],
362 |       "dev": true,
363 |       "optional": true,
364 |       "os": [
365 |         "win32"
366 |       ],
367 |       "engines": {
368 |         "node": ">=12"
369 |       }
370 |     },
371 |     "node_modules/chart.js": {
372 |       "version": "3.9.1",
373 |       "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz",
374 |       "integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w=="
375 |     },
376 |     "node_modules/esbuild": {
377 |       "version": "0.17.18",
378 |       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.18.tgz",
379 |       "integrity": "sha512-z1lix43jBs6UKjcZVKOw2xx69ffE2aG0PygLL5qJ9OS/gy0Ewd1gW/PUQIOIQGXBHWNywSc0floSKoMFF8aK2w==",
380 |       "dev": true,
381 |       "hasInstallScript": true,
382 |       "bin": {
383 |         "esbuild": "bin/esbuild"
384 |       },
385 |       "engines": {
386 |         "node": ">=12"
387 |       },
388 |       "optionalDependencies": {
389 |         "@esbuild/android-arm": "0.17.18",
390 |         "@esbuild/android-arm64": "0.17.18",
391 |         "@esbuild/android-x64": "0.17.18",
392 |         "@esbuild/darwin-arm64": "0.17.18",
393 |         "@esbuild/darwin-x64": "0.17.18",
394 |         "@esbuild/freebsd-arm64": "0.17.18",
395 |         "@esbuild/freebsd-x64": "0.17.18",
396 |         "@esbuild/linux-arm": "0.17.18",
397 |         "@esbuild/linux-arm64": "0.17.18",
398 |         "@esbuild/linux-ia32": "0.17.18",
399 |         "@esbuild/linux-loong64": "0.17.18",
400 |         "@esbuild/linux-mips64el": "0.17.18",
401 |         "@esbuild/linux-ppc64": "0.17.18",
402 |         "@esbuild/linux-riscv64": "0.17.18",
403 |         "@esbuild/linux-s390x": "0.17.18",
404 |         "@esbuild/linux-x64": "0.17.18",
405 |         "@esbuild/netbsd-x64": "0.17.18",
406 |         "@esbuild/openbsd-x64": "0.17.18",
407 |         "@esbuild/sunos-x64": "0.17.18",
408 |         "@esbuild/win32-arm64": "0.17.18",
409 |         "@esbuild/win32-ia32": "0.17.18",
410 |         "@esbuild/win32-x64": "0.17.18"
411 |       }
412 |     },
413 |     "node_modules/fsevents": {
414 |       "version": "2.3.2",
415 |       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
416 |       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
417 |       "dev": true,
418 |       "hasInstallScript": true,
419 |       "optional": true,
420 |       "os": [
421 |         "darwin"
422 |       ],
423 |       "engines": {
424 |         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
425 |       }
426 |     },
427 |     "node_modules/lz-string": {
428 |       "version": "1.5.0",
429 |       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
430 |       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
431 |       "bin": {
432 |         "lz-string": "bin/bin.js"
433 |       }
434 |     },
435 |     "node_modules/nanoid": {
436 |       "version": "3.3.6",
437 |       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
438 |       "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
439 |       "dev": true,
440 |       "funding": [
441 |         {
442 |           "type": "github",
443 |           "url": "https://github.com/sponsors/ai"
444 |         }
445 |       ],
446 |       "bin": {
447 |         "nanoid": "bin/nanoid.cjs"
448 |       },
449 |       "engines": {
450 |         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
451 |       }
452 |     },
453 |     "node_modules/picocolors": {
454 |       "version": "1.0.0",
455 |       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
456 |       "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
457 |       "dev": true
458 |     },
459 |     "node_modules/postcss": {
460 |       "version": "8.4.23",
461 |       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
462 |       "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
463 |       "dev": true,
464 |       "funding": [
465 |         {
466 |           "type": "opencollective",
467 |           "url": "https://opencollective.com/postcss/"
468 |         },
469 |         {
470 |           "type": "tidelift",
471 |           "url": "https://tidelift.com/funding/github/npm/postcss"
472 |         },
473 |         {
474 |           "type": "github",
475 |           "url": "https://github.com/sponsors/ai"
476 |         }
477 |       ],
478 |       "dependencies": {
479 |         "nanoid": "^3.3.6",
480 |         "picocolors": "^1.0.0",
481 |         "source-map-js": "^1.0.2"
482 |       },
483 |       "engines": {
484 |         "node": "^10 || ^12 || >=14"
485 |       }
486 |     },
487 |     "node_modules/rollup": {
488 |       "version": "3.21.2",
489 |       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.2.tgz",
490 |       "integrity": "sha512-c4vC+JZ3bbF4Kqq2TtM7zSKtSyMybFOjqmomFax3xpfYaPZDZ4iz8NMIuBRMjnXOcKYozw7bC6vhJjiWD6JpzQ==",
491 |       "dev": true,
492 |       "bin": {
493 |         "rollup": "dist/bin/rollup"
494 |       },
495 |       "engines": {
496 |         "node": ">=14.18.0",
497 |         "npm": ">=8.0.0"
498 |       },
499 |       "optionalDependencies": {
500 |         "fsevents": "~2.3.2"
501 |       }
502 |     },
503 |     "node_modules/source-map-js": {
504 |       "version": "1.0.2",
505 |       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
506 |       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
507 |       "dev": true,
508 |       "engines": {
509 |         "node": ">=0.10.0"
510 |       }
511 |     },
512 |     "node_modules/typescript": {
513 |       "version": "5.0.4",
514 |       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz",
515 |       "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
516 |       "dev": true,
517 |       "bin": {
518 |         "tsc": "bin/tsc",
519 |         "tsserver": "bin/tsserver"
520 |       },
521 |       "engines": {
522 |         "node": ">=12.20"
523 |       }
524 |     },
525 |     "node_modules/vite": {
526 |       "version": "4.3.3",
527 |       "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.3.tgz",
528 |       "integrity": "sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==",
529 |       "dev": true,
530 |       "dependencies": {
531 |         "esbuild": "^0.17.5",
532 |         "postcss": "^8.4.23",
533 |         "rollup": "^3.21.0"
534 |       },
535 |       "bin": {
536 |         "vite": "bin/vite.js"
537 |       },
538 |       "engines": {
539 |         "node": "^14.18.0 || >=16.0.0"
540 |       },
541 |       "optionalDependencies": {
542 |         "fsevents": "~2.3.2"
543 |       },
544 |       "peerDependencies": {
545 |         "@types/node": ">= 14",
546 |         "less": "*",
547 |         "sass": "*",
548 |         "stylus": "*",
549 |         "sugarss": "*",
550 |         "terser": "^5.4.0"
551 |       },
552 |       "peerDependenciesMeta": {
553 |         "@types/node": {
554 |           "optional": true
555 |         },
556 |         "less": {
557 |           "optional": true
558 |         },
559 |         "sass": {
560 |           "optional": true
561 |         },
562 |         "stylus": {
563 |           "optional": true
564 |         },
565 |         "sugarss": {
566 |           "optional": true
567 |         },
568 |         "terser": {
569 |           "optional": true
570 |         }
571 |       }
572 |     }
573 |   },
574 |   "dependencies": {
575 |     "@esbuild/android-arm": {
576 |       "version": "0.17.18",
577 |       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.18.tgz",
578 |       "integrity": "sha512-EmwL+vUBZJ7mhFCs5lA4ZimpUH3WMAoqvOIYhVQwdIgSpHC8ImHdsRyhHAVxpDYUSm0lWvd63z0XH1IlImS2Qw==",
579 |       "dev": true,
580 |       "optional": true
581 |     },
582 |     "@esbuild/android-arm64": {
583 |       "version": "0.17.18",
584 |       "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.18.tgz",
585 |       "integrity": "sha512-/iq0aK0eeHgSC3z55ucMAHO05OIqmQehiGay8eP5l/5l+iEr4EIbh4/MI8xD9qRFjqzgkc0JkX0LculNC9mXBw==",
586 |       "dev": true,
587 |       "optional": true
588 |     },
589 |     "@esbuild/android-x64": {
590 |       "version": "0.17.18",
591 |       "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.18.tgz",
592 |       "integrity": "sha512-x+0efYNBF3NPW2Xc5bFOSFW7tTXdAcpfEg2nXmxegm4mJuVeS+i109m/7HMiOQ6M12aVGGFlqJX3RhNdYM2lWg==",
593 |       "dev": true,
594 |       "optional": true
595 |     },
596 |     "@esbuild/darwin-arm64": {
597 |       "version": "0.17.18",
598 |       "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.18.tgz",
599 |       "integrity": "sha512-6tY+djEAdF48M1ONWnQb1C+6LiXrKjmqjzPNPWXhu/GzOHTHX2nh8Mo2ZAmBFg0kIodHhciEgUBtcYCAIjGbjQ==",
600 |       "dev": true,
601 |       "optional": true
602 |     },
603 |     "@esbuild/darwin-x64": {
604 |       "version": "0.17.18",
605 |       "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.18.tgz",
606 |       "integrity": "sha512-Qq84ykvLvya3dO49wVC9FFCNUfSrQJLbxhoQk/TE1r6MjHo3sFF2tlJCwMjhkBVq3/ahUisj7+EpRSz0/+8+9A==",
607 |       "dev": true,
608 |       "optional": true
609 |     },
610 |     "@esbuild/freebsd-arm64": {
611 |       "version": "0.17.18",
612 |       "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.18.tgz",
613 |       "integrity": "sha512-fw/ZfxfAzuHfaQeMDhbzxp9mc+mHn1Y94VDHFHjGvt2Uxl10mT4CDavHm+/L9KG441t1QdABqkVYwakMUeyLRA==",
614 |       "dev": true,
615 |       "optional": true
616 |     },
617 |     "@esbuild/freebsd-x64": {
618 |       "version": "0.17.18",
619 |       "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.18.tgz",
620 |       "integrity": "sha512-FQFbRtTaEi8ZBi/A6kxOC0V0E9B/97vPdYjY9NdawyLd4Qk5VD5g2pbWN2VR1c0xhzcJm74HWpObPszWC+qTew==",
621 |       "dev": true,
622 |       "optional": true
623 |     },
624 |     "@esbuild/linux-arm": {
625 |       "version": "0.17.18",
626 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.18.tgz",
627 |       "integrity": "sha512-jW+UCM40LzHcouIaqv3e/oRs0JM76JfhHjCavPxMUti7VAPh8CaGSlS7cmyrdpzSk7A+8f0hiedHqr/LMnfijg==",
628 |       "dev": true,
629 |       "optional": true
630 |     },
631 |     "@esbuild/linux-arm64": {
632 |       "version": "0.17.18",
633 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.18.tgz",
634 |       "integrity": "sha512-R7pZvQZFOY2sxUG8P6A21eq6q+eBv7JPQYIybHVf1XkQYC+lT7nDBdC7wWKTrbvMXKRaGudp/dzZCwL/863mZQ==",
635 |       "dev": true,
636 |       "optional": true
637 |     },
638 |     "@esbuild/linux-ia32": {
639 |       "version": "0.17.18",
640 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.18.tgz",
641 |       "integrity": "sha512-ygIMc3I7wxgXIxk6j3V00VlABIjq260i967Cp9BNAk5pOOpIXmd1RFQJQX9Io7KRsthDrQYrtcx7QCof4o3ZoQ==",
642 |       "dev": true,
643 |       "optional": true
644 |     },
645 |     "@esbuild/linux-loong64": {
646 |       "version": "0.17.18",
647 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.18.tgz",
648 |       "integrity": "sha512-bvPG+MyFs5ZlwYclCG1D744oHk1Pv7j8psF5TfYx7otCVmcJsEXgFEhQkbhNW8otDHL1a2KDINW20cfCgnzgMQ==",
649 |       "dev": true,
650 |       "optional": true
651 |     },
652 |     "@esbuild/linux-mips64el": {
653 |       "version": "0.17.18",
654 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.18.tgz",
655 |       "integrity": "sha512-oVqckATOAGuiUOa6wr8TXaVPSa+6IwVJrGidmNZS1cZVx0HqkTMkqFGD2HIx9H1RvOwFeWYdaYbdY6B89KUMxA==",
656 |       "dev": true,
657 |       "optional": true
658 |     },
659 |     "@esbuild/linux-ppc64": {
660 |       "version": "0.17.18",
661 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.18.tgz",
662 |       "integrity": "sha512-3dLlQO+b/LnQNxgH4l9rqa2/IwRJVN9u/bK63FhOPB4xqiRqlQAU0qDU3JJuf0BmaH0yytTBdoSBHrb2jqc5qQ==",
663 |       "dev": true,
664 |       "optional": true
665 |     },
666 |     "@esbuild/linux-riscv64": {
667 |       "version": "0.17.18",
668 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.18.tgz",
669 |       "integrity": "sha512-/x7leOyDPjZV3TcsdfrSI107zItVnsX1q2nho7hbbQoKnmoeUWjs+08rKKt4AUXju7+3aRZSsKrJtaRmsdL1xA==",
670 |       "dev": true,
671 |       "optional": true
672 |     },
673 |     "@esbuild/linux-s390x": {
674 |       "version": "0.17.18",
675 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.18.tgz",
676 |       "integrity": "sha512-cX0I8Q9xQkL/6F5zWdYmVf5JSQt+ZfZD2bJudZrWD+4mnUvoZ3TDDXtDX2mUaq6upMFv9FlfIh4Gfun0tbGzuw==",
677 |       "dev": true,
678 |       "optional": true
679 |     },
680 |     "@esbuild/linux-x64": {
681 |       "version": "0.17.18",
682 |       "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.18.tgz",
683 |       "integrity": "sha512-66RmRsPlYy4jFl0vG80GcNRdirx4nVWAzJmXkevgphP1qf4dsLQCpSKGM3DUQCojwU1hnepI63gNZdrr02wHUA==",
684 |       "dev": true,
685 |       "optional": true
686 |     },
687 |     "@esbuild/netbsd-x64": {
688 |       "version": "0.17.18",
689 |       "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.18.tgz",
690 |       "integrity": "sha512-95IRY7mI2yrkLlTLb1gpDxdC5WLC5mZDi+kA9dmM5XAGxCME0F8i4bYH4jZreaJ6lIZ0B8hTrweqG1fUyW7jbg==",
691 |       "dev": true,
692 |       "optional": true
693 |     },
694 |     "@esbuild/openbsd-x64": {
695 |       "version": "0.17.18",
696 |       "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.18.tgz",
697 |       "integrity": "sha512-WevVOgcng+8hSZ4Q3BKL3n1xTv5H6Nb53cBrtzzEjDbbnOmucEVcZeGCsCOi9bAOcDYEeBZbD2SJNBxlfP3qiA==",
698 |       "dev": true,
699 |       "optional": true
700 |     },
701 |     "@esbuild/sunos-x64": {
702 |       "version": "0.17.18",
703 |       "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.18.tgz",
704 |       "integrity": "sha512-Rzf4QfQagnwhQXVBS3BYUlxmEbcV7MY+BH5vfDZekU5eYpcffHSyjU8T0xucKVuOcdCsMo+Ur5wmgQJH2GfNrg==",
705 |       "dev": true,
706 |       "optional": true
707 |     },
708 |     "@esbuild/win32-arm64": {
709 |       "version": "0.17.18",
710 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.18.tgz",
711 |       "integrity": "sha512-Kb3Ko/KKaWhjeAm2YoT/cNZaHaD1Yk/pa3FTsmqo9uFh1D1Rfco7BBLIPdDOozrObj2sahslFuAQGvWbgWldAg==",
712 |       "dev": true,
713 |       "optional": true
714 |     },
715 |     "@esbuild/win32-ia32": {
716 |       "version": "0.17.18",
717 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.18.tgz",
718 |       "integrity": "sha512-0/xUMIdkVHwkvxfbd5+lfG7mHOf2FRrxNbPiKWg9C4fFrB8H0guClmaM3BFiRUYrznVoyxTIyC/Ou2B7QQSwmw==",
719 |       "dev": true,
720 |       "optional": true
721 |     },
722 |     "@esbuild/win32-x64": {
723 |       "version": "0.17.18",
724 |       "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.18.tgz",
725 |       "integrity": "sha512-qU25Ma1I3NqTSHJUOKi9sAH1/Mzuvlke0ioMJRthLXKm7JiSKVwFghlGbDLOO2sARECGhja4xYfRAZNPAkooYg==",
726 |       "dev": true,
727 |       "optional": true
728 |     },
729 |     "chart.js": {
730 |       "version": "3.9.1",
731 |       "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz",
732 |       "integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w=="
733 |     },
734 |     "esbuild": {
735 |       "version": "0.17.18",
736 |       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.18.tgz",
737 |       "integrity": "sha512-z1lix43jBs6UKjcZVKOw2xx69ffE2aG0PygLL5qJ9OS/gy0Ewd1gW/PUQIOIQGXBHWNywSc0floSKoMFF8aK2w==",
738 |       "dev": true,
739 |       "requires": {
740 |         "@esbuild/android-arm": "0.17.18",
741 |         "@esbuild/android-arm64": "0.17.18",
742 |         "@esbuild/android-x64": "0.17.18",
743 |         "@esbuild/darwin-arm64": "0.17.18",
744 |         "@esbuild/darwin-x64": "0.17.18",
745 |         "@esbuild/freebsd-arm64": "0.17.18",
746 |         "@esbuild/freebsd-x64": "0.17.18",
747 |         "@esbuild/linux-arm": "0.17.18",
748 |         "@esbuild/linux-arm64": "0.17.18",
749 |         "@esbuild/linux-ia32": "0.17.18",
750 |         "@esbuild/linux-loong64": "0.17.18",
751 |         "@esbuild/linux-mips64el": "0.17.18",
752 |         "@esbuild/linux-ppc64": "0.17.18",
753 |         "@esbuild/linux-riscv64": "0.17.18",
754 |         "@esbuild/linux-s390x": "0.17.18",
755 |         "@esbuild/linux-x64": "0.17.18",
756 |         "@esbuild/netbsd-x64": "0.17.18",
757 |         "@esbuild/openbsd-x64": "0.17.18",
758 |         "@esbuild/sunos-x64": "0.17.18",
759 |         "@esbuild/win32-arm64": "0.17.18",
760 |         "@esbuild/win32-ia32": "0.17.18",
761 |         "@esbuild/win32-x64": "0.17.18"
762 |       }
763 |     },
764 |     "fsevents": {
765 |       "version": "2.3.2",
766 |       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
767 |       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
768 |       "dev": true,
769 |       "optional": true
770 |     },
771 |     "lz-string": {
772 |       "version": "1.5.0",
773 |       "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
774 |       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ=="
775 |     },
776 |     "nanoid": {
777 |       "version": "3.3.6",
778 |       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
779 |       "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
780 |       "dev": true
781 |     },
782 |     "picocolors": {
783 |       "version": "1.0.0",
784 |       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
785 |       "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
786 |       "dev": true
787 |     },
788 |     "postcss": {
789 |       "version": "8.4.23",
790 |       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
791 |       "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
792 |       "dev": true,
793 |       "requires": {
794 |         "nanoid": "^3.3.6",
795 |         "picocolors": "^1.0.0",
796 |         "source-map-js": "^1.0.2"
797 |       }
798 |     },
799 |     "rollup": {
800 |       "version": "3.21.2",
801 |       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.2.tgz",
802 |       "integrity": "sha512-c4vC+JZ3bbF4Kqq2TtM7zSKtSyMybFOjqmomFax3xpfYaPZDZ4iz8NMIuBRMjnXOcKYozw7bC6vhJjiWD6JpzQ==",
803 |       "dev": true,
804 |       "requires": {
805 |         "fsevents": "~2.3.2"
806 |       }
807 |     },
808 |     "source-map-js": {
809 |       "version": "1.0.2",
810 |       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
811 |       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
812 |       "dev": true
813 |     },
814 |     "typescript": {
815 |       "version": "5.0.4",
816 |       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz",
817 |       "integrity": "sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==",
818 |       "dev": true
819 |     },
820 |     "vite": {
821 |       "version": "4.3.3",
822 |       "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.3.tgz",
823 |       "integrity": "sha512-MwFlLBO4udZXd+VBcezo3u8mC77YQk+ik+fbc0GZWGgzfbPP+8Kf0fldhARqvSYmtIWoAJ5BXPClUbMTlqFxrA==",
824 |       "dev": true,
825 |       "requires": {
826 |         "esbuild": "^0.17.5",
827 |         "fsevents": "~2.3.2",
828 |         "postcss": "^8.4.23",
829 |         "rollup": "^3.21.0"
830 |       }
831 |     }
832 |   }
833 | }
834 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "charts-for-benchmarkdotnet",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "type": "module",
 6 |   "scripts": {
 7 |     "dev": "vite",
 8 |     "build": "tsc && vite build",
 9 |     "preview": "vite preview"
10 |   },
11 |   "devDependencies": {
12 |     "typescript": "^5.0.2",
13 |     "vite": "^4.3.2"
14 |   },
15 |   "dependencies": {
16 |     "chart.js": "^3.9.1",
17 |     "lz-string": "^1.5.0"
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/public/CNAME:
--------------------------------------------------------------------------------
1 | chartbenchmark.net


--------------------------------------------------------------------------------
/public/browserconfig.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <browserconfig>
3 |     <msapplication>
4 |         <tile>
5 |             <square150x150logo src="/images/icons/mstile-150x150.png"/>
6 |             <TileColor>#333333</TileColor>
7 |         </tile>
8 |     </msapplication>
9 | </browserconfig>


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/favicon.ico


--------------------------------------------------------------------------------
/public/favicon.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='#f94144'><path d='M32 32c17.7 0 32 14.3 32 32V400c0 8.8 7.2 16 16 16H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H80c-44.2 0-80-35.8-80-80V64C0 46.3 14.3 32 32 32zM160 224c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V256c0-17.7 14.3-32 32-32zm128-64V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V160c0-17.7 14.3-32 32-32s32 14.3 32 32zm64 32c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32zM480 96V320c0 17.7-14.3 32-32 32s-32-14.3-32-32V96c0-17.7 14.3-32 32-32s32 14.3 32 32z' /></svg>


--------------------------------------------------------------------------------
/public/images/icons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/android-chrome-192x192.png


--------------------------------------------------------------------------------
/public/images/icons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/android-chrome-512x512.png


--------------------------------------------------------------------------------
/public/images/icons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/apple-touch-icon.png


--------------------------------------------------------------------------------
/public/images/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/favicon-16x16.png


--------------------------------------------------------------------------------
/public/images/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/favicon-32x32.png


--------------------------------------------------------------------------------
/public/images/icons/mstile-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/mstile-144x144.png


--------------------------------------------------------------------------------
/public/images/icons/mstile-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/mstile-150x150.png


--------------------------------------------------------------------------------
/public/images/icons/mstile-310x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/mstile-310x150.png


--------------------------------------------------------------------------------
/public/images/icons/mstile-310x310.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/mstile-310x310.png


--------------------------------------------------------------------------------
/public/images/icons/mstile-70x70.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yv989c/ChartsForBenchmarkDotNet/54c7c9e16a0eea71249a1b9b9950484e60950efd/public/images/icons/mstile-70x70.png


--------------------------------------------------------------------------------
/public/images/icons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 3 |  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 4 | <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 5 |  width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
 6 |  preserveAspectRatio="xMidYMid meet">
 7 | <metadata>
 8 | Created by potrace 1.14, written by Peter Selinger 2001-2017
 9 | </metadata>
10 | <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
11 | fill="#000000" stroke="none">
12 | <path d="M388 6559 c-168 -18 -318 -144 -369 -311 -18 -61 -19 -128 -18 -2433
13 | 0 -1376 4 -2395 9 -2430 11 -68 13 -80 30 -150 7 -27 17 -54 21 -60 5 -5 9
14 | -15 9 -22 0 -25 62 -147 115 -228 145 -219 381 -387 640 -454 55 -14 89 -19
15 | 170 -27 98 -10 5523 -11 5615 -1 298 30 475 353 344 624 -57 116 -193 220
16 | -314 238 -24 4 -1288 7 -2808 7 -1735 0 -2778 4 -2802 10 -48 13 -114 72 -136
17 | 123 -17 38 -18 184 -19 2385 -1 1909 -3 2355 -14 2400 -50 209 -255 351 -473
18 | 329z"/>
19 | <path d="M6044 6115 c-85 -15 -162 -56 -225 -118 -50 -49 -105 -140 -114 -189
20 | -2 -11 -7 -29 -11 -40 -3 -11 -6 -733 -6 -1604 0 -1208 3 -1597 12 -1637 26
21 | -112 100 -215 198 -274 82 -49 152 -66 254 -61 74 3 96 9 160 40 118 59 204
22 | 163 238 288 18 63 18 3191 1 3264 -54 229 -276 374 -507 331z"/>
23 | <path d="M3425 5245 c-77 -17 -177 -67 -225 -113 -39 -38 -90 -115 -111 -169
24 | l-23 -58 -2 -1170 c-1 -1264 -4 -1207 51 -1315 56 -111 175 -199 306 -225 51
25 | -11 149 -6 199 10 152 47 262 162 303 316 21 80 21 2304 0 2393 -46 197 -233
26 | 342 -432 335 -31 -1 -60 -3 -66 -4z"/>
27 | <path d="M4722 4364 c-80 -16 -153 -56 -217 -119 -53 -51 -108 -149 -121 -215
28 | -10 -51 -11 -1426 -1 -1485 34 -198 213 -350 417 -354 203 -4 364 111 429 306
29 | 21 62 21 75 19 800 l-3 738 -26 63 c-86 202 -285 309 -497 266z"/>
30 | <path d="M2074 3921 c-154 -43 -270 -161 -308 -313 -14 -58 -16 -131 -16 -562
31 | 1 -502 2 -517 40 -601 68 -151 226 -254 391 -257 202 -3 382 137 433 338 9 36
32 | 12 181 11 544 -1 456 -2 500 -20 555 -33 106 -90 182 -180 240 -103 67 -235
33 | 88 -351 56z"/>
34 | </g>
35 | </svg>
36 | 


--------------------------------------------------------------------------------
/public/manifest.webmanifest:
--------------------------------------------------------------------------------
 1 | {
 2 |     "icons": [
 3 |         {
 4 |             "src": "/images/icons/android-chrome-192x192.png",
 5 |             "sizes": "192x192",
 6 |             "type": "image/png"
 7 |         },
 8 |         {
 9 |             "src": "/images/icons/android-chrome-512x512.png",
10 |             "sizes": "512x512",
11 |             "type": "image/png"
12 |         }
13 |     ],
14 |     "theme_color": "#272b30",
15 |     "background_color": "#272b30"
16 | }


--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow:
3 | 
4 | Sitemap: https://chartbenchmark.net/sitemap.xml


--------------------------------------------------------------------------------
/public/sitemap.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
3 |   <url>
4 |     <loc>https://chartbenchmark.net/</loc>
5 |   </url>
6 | </urlset>


--------------------------------------------------------------------------------
/src/app.ts:
--------------------------------------------------------------------------------
  1 | import { Legend, SubTitle, Tooltip, LinearScale, LogarithmicScale, BarController, BarElement, CategoryScale, Chart } from "chart.js";
  2 | import { Log2Axis } from "./log-2-axis";
  3 | import { ChartBuilder, Theme, ScaleType, DisplayMode } from "./chart-builder";
  4 | import LZString from "lz-string";
  5 | 
  6 | interface ISharedData {
  7 |     v?: number,
  8 |     settings: {
  9 |         display: string,
 10 |         scale: string,
 11 |         theme: string
 12 |     },
 13 |     results: string
 14 | }
 15 | 
 16 | export class App {
 17 |     private static readonly DefaultFileName = 'chart.png';
 18 | 
 19 |     _chartWrapper: HTMLElement;
 20 |     _chartCanvas: HTMLCanvasElement;
 21 |     _builder: ChartBuilder;
 22 |     _resultsInput: HTMLInputElement;
 23 |     _displayRadioContainer: HTMLElement;
 24 |     _scaleRadioContainer: HTMLElement;
 25 |     _themeRadioContainer: HTMLElement;
 26 | 
 27 |     constructor() {
 28 |         Chart.register(Legend, SubTitle, Tooltip, LinearScale, LogarithmicScale, CategoryScale, BarController, BarElement, Log2Axis);
 29 |         Chart.defaults.font.family = 'system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"';
 30 | 
 31 |         this._chartWrapper = document.getElementById('chartWrapper')!;
 32 |         this._chartCanvas = document.getElementById('chartCanvas') as HTMLCanvasElement;
 33 |         this._builder = new ChartBuilder(this._chartCanvas);
 34 | 
 35 |         this._resultsInput = document.getElementById('resultsInput') as HTMLInputElement;
 36 |         this._displayRadioContainer = document.getElementById('displayRadioContainer') as HTMLElement;
 37 |         this._scaleRadioContainer = document.getElementById('scaleRadioContainer') as HTMLElement;
 38 |         this._themeRadioContainer = document.getElementById('themeRadioContainer') as HTMLElement;
 39 | 
 40 |         this.bindSizeControls(this._chartWrapper);
 41 | 
 42 |         this._scaleRadioContainer.addEventListener('input', e => {
 43 |             this._builder.scaleType = (e.target as HTMLInputElement).value as ScaleType;
 44 |         });
 45 | 
 46 |         this._displayRadioContainer.addEventListener('input', e => {
 47 |             this._builder.displayMode = (e.target as HTMLInputElement).value as DisplayMode;
 48 |         });
 49 | 
 50 |         this._themeRadioContainer.addEventListener('input', e => {
 51 |             this._builder.theme = (e.target as HTMLInputElement).value as Theme;
 52 |             this.refreshChartContainer();
 53 |         });
 54 | 
 55 |         this.bindCopyToClipboardButton();
 56 | 
 57 |         document.getElementById('downloadButton')!.addEventListener('click', () => {
 58 |             var link = document.createElement('a');
 59 |             link.download = App.DefaultFileName;
 60 |             link.href = this._chartCanvas.toDataURL();
 61 |             link.click();
 62 |         });
 63 | 
 64 |         document.getElementById('shareButtonContainer')!.addEventListener('click', async (event) => {
 65 |             event.preventDefault();
 66 | 
 67 |             const target = event.target as HTMLAnchorElement;
 68 |             switch (target.dataset.action) {
 69 |                 case 'shareAsUrl':
 70 |                     await this.shareAsUrl();
 71 |                     break;
 72 |                 case 'shareAsImage':
 73 |                     await this.shareAsImage();
 74 |                     break;
 75 |             }
 76 |         });
 77 | 
 78 |         document.addEventListener('readystatechange', () => {
 79 |             if (document.readyState === 'complete') {
 80 |                 // Fixes MBC Widget Google Pay bug.
 81 |                 const widgetIFrame = document.querySelector('iframe[title*="Buy Me a Coffee"]');
 82 |                 if (widgetIFrame !== null) {
 83 |                     widgetIFrame.setAttribute('allow', 'payment');
 84 |                 }
 85 |             }
 86 |         });
 87 | 
 88 |         this.bindResultsInput(this._builder);
 89 |     }
 90 | 
 91 |     private bindCopyToClipboardButton() {
 92 |         const copyToClipboardButton = document.getElementById('copyToClipboardButton')!;
 93 |         const span = copyToClipboardButton.querySelector('span')!;
 94 |         const defaultText = span.innerText;
 95 |         const feedbackText = copyToClipboardButton.dataset.feedbackText!;
 96 | 
 97 |         let setTimeoutId = 0;
 98 | 
 99 |         copyToClipboardButton.addEventListener('click', () => {
100 |             clearTimeout(setTimeoutId);
101 |             this._chartCanvas.toBlob(async blob => {
102 |                 const item = new ClipboardItem({ 'image/png': blob! });
103 |                 await navigator.clipboard.write([item]);
104 |                 span.innerText = feedbackText;
105 |                 setTimeoutId = setTimeout(() => {
106 |                     span.innerText = defaultText;
107 |                 }, 1000);
108 |             });
109 |         });
110 |     }
111 | 
112 |     private bindResultsInput(builder: ChartBuilder) {
113 |         const resultsInput = this._resultsInput;
114 | 
115 |         resultsInput.addEventListener('input', () => {
116 |             loadBenchmarkResult();
117 |         });
118 | 
119 |         if (this.tryRestoreFromSharedUrl()) {
120 |             loadBenchmarkResult();
121 |             return;
122 |         }
123 | 
124 |         resultsInput.addEventListener('click', () => {
125 |             resultsInput.value = '';
126 |             loadBenchmarkResult();
127 |         }, { once: true });
128 | 
129 |         loadBenchmarkResult();
130 | 
131 |         function loadBenchmarkResult() {
132 |             builder.loadBenchmarkResult(resultsInput.value);
133 |         }
134 |     }
135 | 
136 |     private bindSizeControls(chartWrapper: HTMLElement) {
137 |         const widthRangeInput = document.getElementById('widthRangeInput') as HTMLInputElement;
138 |         const heightRangeInput = document.getElementById('heightRangeInput') as HTMLInputElement;
139 | 
140 |         if (document.body.clientWidth < 992) {
141 |             widthRangeInput.value = '1';
142 |         }
143 | 
144 |         updateWidth();
145 |         updateHeight();
146 | 
147 |         widthRangeInput.addEventListener('input', updateWidth);
148 |         heightRangeInput.addEventListener('input', updateHeight);
149 | 
150 |         function updateWidth() {
151 |             const value = `${parseFloat(widthRangeInput.value) * 100}%`;
152 |             widthRangeInput.title = value;
153 |             chartWrapper.style.width = value;
154 |         }
155 | 
156 |         function updateHeight() {
157 |             const value = parseFloat(heightRangeInput.value);
158 |             heightRangeInput.title = `${value * 100}%`;
159 |             chartWrapper.style.height = `${value * 1600}px`;
160 |         }
161 |     }
162 | 
163 |     private refreshChartContainer() {
164 |         switch (this._builder.theme) {
165 |             case Theme.Dark:
166 |                 this._chartWrapper.classList.remove('bg-light');
167 |                 break;
168 |             case Theme.Light:
169 |                 this._chartWrapper.classList.add('bg-light');
170 |                 break;
171 |         }
172 |     }
173 | 
174 |     private getValue(container: HTMLElement) {
175 |         return (<HTMLInputElement>container.querySelector('input:checked')).value;
176 |     }
177 | 
178 |     private setValue(container: HTMLElement, value: string) {
179 |         return (<HTMLInputElement>container.querySelector(`input[value="${value}"]`)).checked = true;
180 |     }
181 | 
182 |     private async share(data: any) {
183 |         const canShare =
184 |             typeof (navigator.canShare) === 'function' &&
185 |             navigator.canShare(data);
186 | 
187 |         if (canShare) {
188 |             try {
189 |                 await navigator.share(data);
190 |                 return true;
191 |             } catch (error) {
192 |                 if (error instanceof Error && error.name === 'AbortError') {
193 |                     return true;
194 |                 }
195 |             }
196 |         }
197 | 
198 |         return false;
199 |     }
200 | 
201 |     private showUnsupportedMessage() {
202 |         alert('This feature is not supported by your browser. 😞');
203 |     }
204 | 
205 |     private async shareAsUrl() {
206 |         const data: ISharedData = {
207 |             v: 1,
208 |             settings: {
209 |                 display: this.getValue(this._displayRadioContainer),
210 |                 scale: this.getValue(this._scaleRadioContainer),
211 |                 theme: this.getValue(this._themeRadioContainer)
212 |             },
213 |             results: LZString.compressToBase64(this._resultsInput.value)
214 |         };
215 | 
216 |         const serializedData = encodeURIComponent(JSON.stringify(data));
217 |         const url = `${window.location.origin}#shared=${serializedData}`;
218 | 
219 |         try {
220 |             if (!await this.share({ url: url })) {
221 |                 await navigator.clipboard.writeText(url);
222 |                 alert('A shareable URL was copied to your clipboard!')
223 |             }
224 |         } catch (error) {
225 |             console.error(error);
226 |             prompt('Copy the following URL for sharing:', url);
227 |         }
228 |     }
229 | 
230 |     private async shareAsImage() {
231 |         this._chartCanvas.toBlob(async blob => {
232 |             try {
233 |                 const file = new File([<any>blob], App.DefaultFileName, { type: 'image/png' });
234 |                 const data = { files: [file] };
235 |                 if (!await this.share(data)) {
236 |                     this.showUnsupportedMessage();
237 |                 }
238 |             } catch (error) {
239 |                 console.error(error);
240 |                 this.showUnsupportedMessage();
241 |             }
242 |         });
243 |     }
244 | 
245 |     private tryRestoreFromSharedUrl() {
246 |         try {
247 |             if (window.location.hash.length < 2) {
248 |                 return;
249 |             }
250 | 
251 |             const urlParams = new URLSearchParams(window.location.hash.substring(1));
252 |             const sharedEncodedData = urlParams.get('shared');
253 | 
254 |             if (sharedEncodedData) {
255 |                 const sharedData = <ISharedData>JSON.parse(sharedEncodedData);
256 | 
257 |                 this._resultsInput.value = sharedData.v === 1 ? LZString.decompressFromBase64(sharedData.results) : sharedData.results;
258 |                 this.setValue(this._displayRadioContainer, sharedData.settings.display);
259 |                 this.setValue(this._scaleRadioContainer, sharedData.settings.scale);
260 |                 this.setValue(this._themeRadioContainer, sharedData.settings.theme);
261 | 
262 |                 this._builder.displayMode = <DisplayMode>this.getValue(this._displayRadioContainer);
263 |                 this._builder.scaleType = <ScaleType>this.getValue(this._scaleRadioContainer);
264 |                 this._builder.theme = <Theme>this.getValue(this._themeRadioContainer);
265 |                 this.refreshChartContainer();
266 | 
267 |                 return true;
268 |             }
269 |         } catch (error) {
270 |             console.error(error);
271 |             alert('Error while restoring the data from the URL.');
272 |         }
273 | 
274 |         return false;
275 |     }
276 | }
277 | 
278 | 


--------------------------------------------------------------------------------
/src/chart-builder.ts:
--------------------------------------------------------------------------------
  1 | import { Chart } from "chart.js";
  2 | import { color } from "chart.js/helpers";
  3 | 
  4 | export class ChartBuilder {
  5 |     private readonly _chart: any;
  6 |     /*
  7 |     https://coolors.co/palette/f94144-f3722c-f8961e-f9c74f-90be6d-43aa8b-4d908e-577590
  8 |     https://coolors.co/palette/ff595e-ff924c-ffca3a-c5ca30-8ac926-36949d-1982c4-4267ac-565aa0-6a4c93
  9 |     https://coolors.co/palette/264653-287271-2a9d8f-8ab17d-babb74-e9c46a-efb366-f4a261-ee8959-e76f51
 10 |     https://coolors.co/palette/264653-287271-2a9d8f-8ab17d-e9c46a-f4a261-ee8959-e76f51
 11 |     */
 12 |     private readonly _colors = ['#F94144', '#F3722C', '#F8961E', '#F9C74F', '#90BE6D', '#43AA8B', '#4D908E', '#577590'];
 13 | 
 14 |     private _benchmarkResultRows: IBenchmarkResultRow[] = [];
 15 |     private _theme = Theme.Dark;
 16 |     private _yAxisTextColor = '#606060';
 17 | 
 18 |     private _y2AxisBaseColor = '#A600FF';
 19 |     private _y2AxisGridLineColor = this._y2AxisBaseColor;
 20 |     private _y2AxisTextColor = this._y2AxisBaseColor;
 21 |     private _y2AxisBarColor = color(this._y2AxisBaseColor).clearer(0.3).hexString();
 22 | 
 23 |     private _xAxisTextColor = '#606060';
 24 |     private _gridLineColor = '';
 25 |     private _creditTextColor = '';
 26 |     private _scaleType = ScaleType.Log2;
 27 | 
 28 |     private _displayMode = DisplayMode.All;
 29 | 
 30 |     private _hasAllocationData = false;
 31 | 
 32 |     get theme() {
 33 |         return this._theme;
 34 |     }
 35 |     set theme(value) {
 36 |         switch (value) {
 37 |             case Theme.Dark:
 38 |                 this._creditTextColor = '#66666675';
 39 |                 this._gridLineColor = '#66666638';
 40 |                 this._y2AxisGridLineColor = color(this._y2AxisBaseColor).clearer(0.5).hexString();
 41 |                 break;
 42 |             case Theme.Light:
 43 |                 this._creditTextColor = '#00000040';
 44 |                 this._gridLineColor = '#0000001a';
 45 |                 this._y2AxisGridLineColor = color(this._y2AxisBaseColor).clearer(0.75).hexString();
 46 |                 break;
 47 |             default:
 48 |                 break;
 49 |         }
 50 |         this._theme = value;
 51 |         this.render();
 52 |     }
 53 | 
 54 |     get scaleType() {
 55 |         return this._scaleType;
 56 |     }
 57 |     set scaleType(value) {
 58 |         this._scaleType = value;
 59 |         this.render();
 60 |     }
 61 | 
 62 |     get displayMode() {
 63 |         return this._displayMode;
 64 |     }
 65 |     set displayMode(value) {
 66 |         this._displayMode = value;
 67 |         this.render();
 68 |     }
 69 | 
 70 |     get hasAllocationData() {
 71 |         return this._hasAllocationData && (this.displayMode === DisplayMode.All || this.displayMode === DisplayMode.Allocation);
 72 |     }
 73 | 
 74 |     private get chartPlugins() {
 75 |         return this._chart.config.options.plugins;
 76 |     }
 77 | 
 78 |     private get chartScales() {
 79 |         return this._chart.config.options.scales;
 80 |     }
 81 | 
 82 |     constructor(canvas: HTMLCanvasElement) {
 83 |         this._chart = getChart();
 84 |         this.theme = this.theme;
 85 |         const that = this;
 86 | 
 87 |         function getChart() {
 88 |             const numberFormat = new Intl.NumberFormat('en-US', { style: 'decimal' });
 89 | 
 90 |             const config = {
 91 |                 type: 'bar',
 92 |                 options: {
 93 |                     maintainAspectRatio: false,
 94 |                     responsive: true,
 95 |                     plugins: {
 96 |                         subtitle: {
 97 |                             display: true,
 98 |                             text: 'Made with chartbenchmark.net',
 99 |                             position: 'right',
100 |                             align: 'center',
101 |                             fullSize: false,
102 |                             font: {
103 |                                 size: 11,
104 |                                 family: 'SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace'
105 |                             }
106 |                         },
107 |                         legend: {
108 |                             labels: {
109 |                                 usePointStyle: true,
110 |                                 filter: (legend: any, data: any) => {
111 |                                     const display =
112 |                                         (that.displayMode === DisplayMode.Allocation && that.hasAllocationData) ||
113 |                                         data.datasets[legend.datasetIndex].isDuration === true;
114 | 
115 |                                     return display;
116 |                                 }
117 |                             },
118 |                             onClick: (_: any, legendItem: any, legend: any) => {
119 |                                 const index = legendItem.datasetIndex;
120 |                                 const ci = legend.chart;
121 |                                 const hideAllocation = that.displayMode === DisplayMode.All && that.hasAllocationData;
122 | 
123 |                                 if (ci.isDatasetVisible(index)) {
124 |                                     if (hideAllocation) {
125 |                                         ci.hide(index + 1);
126 |                                     }
127 |                                     ci.hide(index);
128 |                                     legendItem.hidden = true;
129 |                                 } else {
130 |                                     if (hideAllocation) {
131 |                                         ci.show(index + 1);
132 |                                     }
133 |                                     ci.show(index);
134 |                                     legendItem.hidden = false;
135 |                                 }
136 |                             }
137 |                         },
138 |                         tooltip: {
139 |                             callbacks: {
140 |                                 label: (context: any) => {
141 |                                     const dataset = context.dataset as IDataset;
142 | 
143 |                                     let label = dataset.label || '';
144 | 
145 |                                     if (dataset.isDuration) {
146 |                                         label += ' - Duration: ';
147 |                                     }
148 |                                     else if (dataset.isAllocation) {
149 |                                         label += ' - Memory Allocation: ';
150 |                                     }
151 | 
152 |                                     if (context.parsed.y !== null) {
153 |                                         label += `${numberFormat.format(context.parsed.y)} ${dataset.unitInfo.short}`;
154 |                                     }
155 | 
156 |                                     return label;
157 |                                 }
158 |                             }
159 |                         }
160 |                     },
161 |                     scales: {
162 |                         y: {
163 |                             title: {
164 |                                 display: true
165 |                             },
166 |                             display: 'auto'
167 |                         },
168 |                         y2: {
169 |                             title: {
170 |                                 display: true
171 |                             },
172 |                             position: 'right',
173 |                             display: 'auto'
174 |                         },
175 |                         x: {
176 |                             title: {
177 |                                 display: true
178 |                             },
179 |                             display: 'auto'
180 |                         }
181 |                     }
182 |                 }
183 |             };
184 | 
185 |             return new Chart(<any>canvas.getContext('2d'), <any>config);
186 |         }
187 |     }
188 | 
189 |     loadBenchmarkResult(text: string) {
190 |         this._benchmarkResultRows = text
191 |             .split('\n')
192 |             .map(i => i.trim())
193 |             .filter(i => i.length > 2 && i.startsWith('|') && i.endsWith('|'))
194 |             .filter((_, index) => index !== 1)
195 |             .map(i => ({
196 |                 text: i,
197 |                 columns: i
198 |                     .split('|')
199 |                     .slice(1, -1)
200 |                     .map(i => i.replace(/\*/g, '').trim())
201 |             }))
202 |             .filter(i => i.columns.some(c => c.length > 0));
203 | 
204 |         this.render();
205 |     }
206 | 
207 |     private getBenchmarkResult() {
208 |         const rows = this._benchmarkResultRows;
209 | 
210 |         if (rows.length === 0) {
211 |             return null;
212 |         }
213 | 
214 |         const headerRow = rows[0];
215 |         const methodIndex = headerRow.columns.indexOf('Method');
216 |         const meanIndex = headerRow.columns.lastIndexOf('Mean');
217 | 
218 |         if (methodIndex < 0 || meanIndex < 0) {
219 |             return null;
220 |         }
221 | 
222 |         const runtimeIndex = headerRow.columns.indexOf('Runtime');
223 | 
224 |         const categoryIndexStart = Math.max(methodIndex, runtimeIndex) + 1;
225 |         const categoryIndexEnd = meanIndex - 1;
226 | 
227 |         const allocatedIndex = headerRow.columns.indexOf('Allocated', meanIndex);
228 | 
229 |         const methods = new Map<string, IMethodInfo>();
230 |         const orderByMethod = new Map<string, number>();
231 | 
232 |         for (const row of rows) {
233 |             if (row === headerRow) {
234 |                 continue;
235 |             }
236 | 
237 |             let category = '';
238 | 
239 |             for (let i = categoryIndexStart; i <= categoryIndexEnd; i++) {
240 |                 const separator = category.length > 0 ? ', ' : '';
241 |                 category += `${separator}${row.columns[i]}`;
242 |             }
243 | 
244 |             const runtimeName = runtimeIndex >= 0 ? row.columns[runtimeIndex] : null;
245 | 
246 |             const methodNamePrefix = row.columns[methodIndex];
247 |             const methodName = methodNamePrefix + (runtimeName !== null ? ` (${runtimeName})` : '');
248 |             let methodInfo = methods.get(methodName);
249 | 
250 |             if (typeof (methodInfo) === 'undefined') {
251 |                 let methodOrder = orderByMethod.get(methodNamePrefix);
252 | 
253 |                 if (typeof (methodOrder) === 'undefined') {
254 |                     methodOrder = orderByMethod.size;
255 |                     orderByMethod.set(methodNamePrefix, methodOrder);
256 |                 }
257 | 
258 |                 methodInfo = {
259 |                     name: methodName,
260 |                     order: methodOrder,
261 |                     results: []
262 |                 };
263 | 
264 |                 methods.set(methodName, methodInfo);
265 |             }
266 | 
267 |             const durationMean = getMeasure(row.columns[meanIndex]);
268 | 
269 |             const result: IMethodResult = {
270 |                 category: category,
271 |                 duration: durationMean,
272 |                 allocation: allocatedIndex >= 0 ? getMeasure(row.columns[allocatedIndex]) : null
273 |             };
274 | 
275 |             methodInfo.results.push(result);
276 |         }
277 | 
278 |         const methodsArray = getMethods();
279 | 
280 |         return {
281 |             categories: getCategories(),
282 |             categoriesTitle: getCategoriesTitle(),
283 |             methods: methodsArray,
284 |             durationUnit: inferDurationUnit(),
285 |             allocationUnit: inferAllocationUnit()
286 |         };
287 | 
288 |         function getCategories() {
289 |             const categories = new Set<string>();
290 |             for (const method of methods) {
291 |                 for (const result of method[1].results) {
292 |                     categories.add(result.category);
293 |                 }
294 |             }
295 |             return [...categories];
296 |         }
297 | 
298 |         function getCategoriesTitle() {
299 |             let title = '';
300 |             for (let i = categoryIndexStart; i <= categoryIndexEnd; i++) {
301 |                 const separator = title.length > 0 ? ', ' : '';
302 |                 title += `${separator}${headerRow.columns[i]}`;
303 |             }
304 |             return title;
305 |         }
306 | 
307 |         function getMethods() {
308 |             return [...methods]
309 |                 .map(i => i[1])
310 |                 .sort((a, b) => a.order - b.order);
311 |         }
312 | 
313 |         function inferDurationUnit() {
314 |             const info: IUnitInfo = {
315 |                 short: '',
316 |                 long: ''
317 |             };
318 | 
319 |             for (const method of methods) {
320 |                 for (const result of method[1].results) {
321 |                     info.short = result.duration.unit;
322 | 
323 |                     switch (result.duration.unit) {
324 |                         case 'us':
325 |                         case 'μs':
326 |                             info.long = 'Microseconds';
327 |                             break;
328 |                         case 'ms':
329 |                             info.long = 'Milliseconds';
330 |                             break;
331 |                         case 's':
332 |                             info.long = 'Seconds';
333 |                             break;
334 |                         default:
335 |                             info.long = result.duration.unit;
336 |                             break;
337 |                     }
338 | 
339 |                     return info;
340 |                 }
341 |             }
342 | 
343 |             return info;
344 |         }
345 | 
346 |         function inferAllocationUnit() {
347 |             const info: IUnitInfo = {
348 |                 short: '',
349 |                 long: ''
350 |             };
351 | 
352 |             for (const method of methods) {
353 |                 for (const result of method[1].results) {
354 |                     if (result.allocation === null) {
355 |                         continue;
356 |                     }
357 | 
358 |                     info.short = result.allocation.unit;
359 | 
360 |                     switch (result.allocation.unit) {
361 |                         case 'B':
362 |                             info.long = 'Bytes';
363 |                             break;
364 |                         case 'KB':
365 |                             info.long = 'Kilobytes';
366 |                             break;
367 |                         case 'MB':
368 |                             info.long = 'Megabytes';
369 |                             break;
370 |                         case 'GB':
371 |                             info.long = 'Gigabytes';
372 |                             break;
373 |                         case 'TB':
374 |                             info.long = 'Terabytes';
375 |                             break;
376 |                         case 'PB':
377 |                             info.long = 'Petabytes';
378 |                             break;
379 |                         default:
380 |                             info.long = result.allocation.unit;
381 |                             break;
382 |                     }
383 | 
384 |                     return info;
385 |                 }
386 |             }
387 | 
388 |             return info;
389 |         }
390 | 
391 |         function getMeasure(formattedNumber: string): IMeasure {
392 |             const unitSeparatorIndex = formattedNumber.indexOf(' ');
393 |             const unit = unitSeparatorIndex >= 0 ? formattedNumber.substring(unitSeparatorIndex).trim() : '';
394 |             const value = parseFloat(formattedNumber.replace(/[^0-9.]/g, ''));
395 |             return {
396 |                 value,
397 |                 unit
398 |             }
399 |         }
400 |     }
401 | 
402 |     private render() {
403 |         const yAxe = this.chartScales.y;
404 |         const y2Axe = this.chartScales.y2;
405 |         const xAxe = this.chartScales.x;
406 |         const chartData = this._chart.data;
407 |         const benchmarkResult = this.getBenchmarkResult();
408 | 
409 |         yAxe.title.text = '';
410 |         y2Axe.title.text = '';
411 |         xAxe.title.text = '';
412 |         chartData.labels.length = 0;
413 |         chartData.datasets.length = 0;
414 |         this._hasAllocationData = false;
415 | 
416 |         if (benchmarkResult === null) {
417 |             this._chart.update();
418 |             return;
419 |         }
420 | 
421 |         this._hasAllocationData = benchmarkResult.methods
422 |             .some(m => m.results.some(r => r.allocation !== null));
423 | 
424 |         this.chartPlugins.subtitle.color = this._creditTextColor;
425 | 
426 |         yAxe.title.text = `Duration (${benchmarkResult.durationUnit.long})`;
427 |         yAxe.title.color = this._yAxisTextColor;
428 |         yAxe.grid.color = this._gridLineColor;
429 | 
430 |         switch (this.scaleType) {
431 |             case ScaleType.Log10:
432 |                 yAxe.type = 'logarithmic';
433 |                 break;
434 |             case ScaleType.Log2:
435 |                 yAxe.type = 'log2';
436 |                 break;
437 |             default:
438 |                 yAxe.type = 'linear';
439 |                 break;
440 |         }
441 | 
442 |         y2Axe.title.text = `Memory Allocation (${benchmarkResult.allocationUnit.long})`;
443 |         y2Axe.title.color = this._y2AxisTextColor;
444 |         y2Axe.ticks.color = this._y2AxisTextColor;
445 |         y2Axe.grid.color = this._y2AxisGridLineColor;
446 |         y2Axe.type = yAxe.type;
447 | 
448 |         xAxe.title.text = benchmarkResult.categoriesTitle;
449 |         xAxe.title.color = this._xAxisTextColor;
450 |         xAxe.grid.color = this._gridLineColor;
451 | 
452 |         if (this.displayMode === DisplayMode.Allocation) {
453 |             if (!this.hasAllocationData) {
454 |                 this._chart.update();
455 |                 return;
456 |             }
457 | 
458 |             yAxe.title.text = y2Axe.title.text;
459 |         }
460 | 
461 |         chartData.labels = benchmarkResult.categories;
462 | 
463 |         const indexByCategory = new Map<string, number>();
464 |         for (let index = 0; index < benchmarkResult.categories.length; index++) {
465 |             indexByCategory.set(benchmarkResult.categories[index], index);
466 |         }
467 | 
468 |         const colors = this._colors;
469 |         let colorIndex = 0;
470 | 
471 |         const datasets = [];
472 | 
473 |         for (const methodInfo of benchmarkResult.methods) {
474 |             const color = getNextColor();
475 | 
476 |             if (this.displayMode === DisplayMode.All || this.displayMode === DisplayMode.Duration) {
477 |                 const durationDataset = {
478 |                     isDuration: true,
479 |                     label: methodInfo.name,
480 |                     data: getData(methodInfo.results, r => r.duration.value),
481 |                     backgroundColor: color,
482 |                     stack: methodInfo.name,
483 |                     yAxisID: 'y',
484 |                     unitInfo: benchmarkResult.durationUnit,
485 |                     order: 2,
486 |                     barPercentage: 0.9,
487 |                     pointStyle: 'rect'
488 |                 };
489 | 
490 |                 datasets.push(durationDataset);
491 |             }
492 | 
493 |             if (this.hasAllocationData && (this.displayMode === DisplayMode.All || this.displayMode === DisplayMode.Allocation)) {
494 |                 const allocationDataset = {
495 |                     isAllocation: true,
496 |                     label: methodInfo.name,
497 |                     data: getData(methodInfo.results, r => r.allocation === null ? 0 : r.allocation.value),
498 |                     backgroundColor: this._y2AxisBarColor,
499 |                     stack: methodInfo.name,
500 |                     yAxisID: 'y2',
501 |                     unitInfo: benchmarkResult.allocationUnit,
502 |                     order: 1,
503 |                     barPercentage: 0.2,
504 |                     pointStyle: 'rect'
505 |                 };
506 | 
507 |                 if (this.displayMode === DisplayMode.Allocation) {
508 |                     allocationDataset.backgroundColor = color;
509 |                     allocationDataset.yAxisID = 'y';
510 |                     allocationDataset.barPercentage = 0.9;
511 |                 }
512 | 
513 |                 datasets.push(allocationDataset);
514 |             }
515 |         }
516 | 
517 |         chartData.datasets = datasets;
518 | 
519 |         function getData(results: IMethodResult[], getResultCallback: (r: IMethodResult) => number) {
520 |             const data: number[] = new Array(indexByCategory.size);
521 |             for (const result of results) {
522 |                 const index = indexByCategory.get(result.category);
523 |                 if (index !== undefined) {
524 |                     data[index] = getResultCallback(result);
525 |                 }
526 |             }
527 |             return data;
528 |         }
529 | 
530 |         function getNextColor() {
531 |             if ((colorIndex ^ colors.length) === 0) {
532 |                 colorIndex = 0;
533 |             }
534 |             return colors[colorIndex++];
535 |         }
536 | 
537 |         this._chart.update();
538 |     }
539 | }
540 | 
541 | interface IBenchmarkResultRow {
542 |     text: string,
543 |     columns: string[]
544 | }
545 | 
546 | interface IMeasure {
547 |     value: number,
548 |     unit: string
549 | }
550 | 
551 | interface IMethodResult {
552 |     category: string,
553 |     duration: IMeasure,
554 |     allocation: IMeasure | null
555 | }
556 | 
557 | interface IMethodInfo {
558 |     name: string;
559 |     order: number;
560 |     results: IMethodResult[];
561 | }
562 | 
563 | interface IUnitInfo {
564 |     short: string,
565 |     long: string
566 | }
567 | 
568 | interface IDataset {
569 |     label: string,
570 |     isDuration?: boolean,
571 |     isAllocation?: boolean,
572 |     unitInfo: IUnitInfo
573 | }
574 | 
575 | export enum Theme {
576 |     Dark = 'Dark',
577 |     Light = 'Light'
578 | }
579 | 
580 | export enum ScaleType {
581 |     Linear = 'Linear',
582 |     Log10 = 'Log10',
583 |     Log2 = 'Log2'
584 | }
585 | 
586 | export enum DisplayMode {
587 |     All = 'All',
588 |     Duration = 'Duration',
589 |     Allocation = 'Allocation'
590 | }


--------------------------------------------------------------------------------
/src/log-2-axis.ts:
--------------------------------------------------------------------------------
 1 | import { Scale, LinearScale } from "chart.js";
 2 | 
 3 | /**
 4 |  * https://www.chartjs.org/docs/master/samples/advanced/derived-axis-type.html#log2-axis-implementation
 5 |  */
 6 | export class Log2Axis extends Scale {
 7 |     static id = 'log2';
 8 |     static defaults = {};
 9 | 
10 |     _startValue: number = 0;
11 |     _valueRange: number = 0;
12 |     
13 |     constructor(cfg: any) {
14 |         super(cfg);
15 |     }
16 | 
17 |     parse(raw: unknown, index: number) {
18 |         const value = <any>LinearScale.prototype.parse.apply(this, [raw, index]);
19 |         return isFinite(value) && value > 0 ? value : null;
20 |     }
21 | 
22 |     determineDataLimits() {
23 |         const { min, max } = this.getMinMax(true);
24 |         this.min = <any>(isFinite(min) ? Math.max(0, min) : null);
25 |         this.max = <any>(isFinite(max) ? Math.max(0, max) : null);
26 |     }
27 | 
28 |     buildTicks() {
29 |         const ticks = [];
30 | 
31 |         let power = Math.floor(Math.log2(this.min || 1));
32 |         let maxPower = Math.ceil(Math.log2(this.max || 2));
33 |         while (power <= maxPower) {
34 |             ticks.push({ value: Math.pow(2, power) });
35 |             power += 1;
36 |         }
37 | 
38 |         this.min = ticks[0].value;
39 |         this.max = ticks[ticks.length - 1].value;
40 |         return ticks;
41 |     }
42 | 
43 |     configure() {
44 |         const start = this.min;
45 | 
46 |         super.configure();
47 | 
48 |         this._startValue = Math.log2(start);
49 |         this._valueRange = Math.log2(this.max) - Math.log2(start);
50 |     }
51 | 
52 |     getPixelForValue(value: number) {
53 |         if (value === undefined || value === 0) {
54 |             value = this.min;
55 |         }
56 | 
57 |         return this.getPixelForDecimal(value === this.min ? 0
58 |             : (Math.log2(value) - this._startValue) / this._valueRange);
59 |     }
60 | 
61 |     getValueForPixel(pixel: number) {
62 |         const decimal = this.getDecimalForPixel(pixel);
63 |         return Math.pow(2, this._startValue + decimal * this._valueRange);
64 |     }
65 | }
66 | 
67 | Log2Axis.id = "log2";
68 | Log2Axis.defaults = {};


--------------------------------------------------------------------------------
/src/main.ts:
--------------------------------------------------------------------------------
1 | import { App } from "./app";
2 | 
3 | new App();


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ES2020",
 4 |     "useDefineForClassFields": true,
 5 |     "module": "ESNext",
 6 |     "lib": ["ES2020", "DOM", "DOM.Iterable"],
 7 |     "skipLibCheck": true,
 8 | 
 9 |     /* Bundler mode */
10 |     "moduleResolution": "bundler",
11 |     "allowImportingTsExtensions": true,
12 |     "resolveJsonModule": true,
13 |     "isolatedModules": true,
14 |     "noEmit": true,
15 | 
16 |     /* Linting */
17 |     "strict": true,
18 |     "noUnusedLocals": true,
19 |     "noUnusedParameters": true,
20 |     "noFallthroughCasesInSwitch": true
21 |   },
22 |   "include": ["src"]
23 | }
24 | 


--------------------------------------------------------------------------------