vltpkg · darcyclarke · Aug 19, 2025 · Jul 31, 2025 · Jul 31, 2025 · Jul 31, 2025
diff --git a/.github/workflows/benchmark.yaml b/.github/workflows/benchmark.yaml
@@ -62,7 +62,7 @@ jobs:
         uses: actions/upload-artifact@v4
         with:
           name: results-${{ matrix.fixture }}-${{ matrix.variation }}
-          path: ./results/${{ matrix.fixture }}/${{ matrix.variation }}/
+          path: ./${{ matrix.fixture }}/${{ matrix.variation }}/
           retention-days: 7
   process:
     name: 'Process Results'
@@ -78,11 +78,13 @@ jobs:
       - name: Download Results
         uses: actions/download-artifact@v4
         with:
-          path: results
-          pattern: results-*
+          path: ./
       - name: Process Results
         run: |
           bash ./scripts/process-results.sh
+      - name: Build Charts View
+        run: |
+          vlr build
       - name: Upload Processed Results
         uses: actions/upload-artifact@v4
         with:

diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,14 @@
+# system
 .DS_Store
-results
+
+# deps
+node_modules
+
+# build
 .nx/installation
 .nx/cache
-.nx/workspace-data
+.nx/workspace-data
+
+results
+dist
+chart
diff --git a/README.md b/README.md
@@ -135,7 +135,7 @@ package-manager: X.XXs (stddev: X.XXs)
 
 ### Generated Results
 
-Results are organized by date in the `chart/results/YYYY-MM-DD/` directory:
+Results are organized by date in the `charts/YYYY-MM-DD/` directory:
 - `<fixture>-<variation>.json`: Cold cache installation results
 - `<fixture>-<variation>-package-count.json`: The count of packages installed for each package manager for a given fixture and variation
 - `index.html`: Interactive visualization

diff --git a/chart/index.html b/chart/index.html
diff --git a/chart/styles.css b/chart/styles.css
diff --git a/charts/assets/GeistMono-VariableFont_wght-BlNDD6KS.ttf b/charts/assets/GeistMono-VariableFont_wght-BlNDD6KS.ttf
diff --git a/charts/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf b/charts/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf
diff --git a/charts/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf b/charts/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf
diff --git a/charts/assets/index-BILFLdu-.js b/charts/assets/index-BILFLdu-.js
diff --git a/charts/assets/index-HL0qe4HQ.css b/charts/assets/index-HL0qe4HQ.css
diff --git a/charts/favicon/apple-touch-icon.png b/charts/favicon/apple-touch-icon.png
diff --git a/charts/favicon/favicon-96x96.png b/charts/favicon/favicon-96x96.png
diff --git a/charts/favicon/favicon.ico b/charts/favicon/favicon.ico
diff --git a/charts/favicon/favicon.svg b/charts/favicon/favicon.svg
diff --git a/charts/favicon/site.webmanifest b/charts/favicon/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/charts/favicon/web-app-manifest-192x192.png b/charts/favicon/web-app-manifest-192x192.png
diff --git a/charts/favicon/web-app-manifest-512x512.png b/charts/favicon/web-app-manifest-512x512.png
diff --git a/charts/index.html b/charts/index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>vlt benchmarks</title>
+  <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
+  <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
+  <link rel="shortcut icon" href="/favicon/favicon.ico" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+  <link rel="manifest" href="/favicon/site.webmanifest" />
+  <script type="module" crossorigin src="/assets/index-BILFLdu-.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-HL0qe4HQ.css">
+</head>
+
+<body>
+  <div id="root"></div>
+</body>
+
+</html>
diff --git a/components.json b/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/global.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
diff --git a/eslint.config.js b/eslint.config.js
@@ -0,0 +1,27 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+import { globalIgnores } from "eslint/config";
+
+export default tseslint.config([
+  globalIgnores(["dist"]),
+  {
+    files: ["**/*.{ts,tsx}"],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs["recommended-latest"],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    rules: {
+      "react-refresh/only-export-components": "off",
+      "react-hooks/exhaustive-deps": "off",
+    },
+  },
+]);
diff --git a/index.html b/index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>vlt benchmarks</title>
+  <link href="/src/global.css" rel="stylesheet">
+  <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
+  <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
+  <link rel="shortcut icon" href="/favicon/favicon.ico" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+  <link rel="manifest" href="/favicon/site.webmanifest" />
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "vltpkg-benchmarks",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@tailwindcss/vite": "^4.1.11",
+    "@tanstack/react-table": "^8.21.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.534.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-router": "^7.7.1",
+    "recharts": "^3.1.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.11"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.30.1",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.6.0",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.3.0",
+    "tw-animate-css": "^1.3.6",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.4"
+  }
+}
diff --git a/public/favicon/apple-touch-icon.png b/public/favicon/apple-touch-icon.png
diff --git a/public/favicon/favicon-96x96.png b/public/favicon/favicon-96x96.png
diff --git a/public/favicon/favicon.ico b/public/favicon/favicon.ico
diff --git a/public/favicon/favicon.svg b/public/favicon/favicon.svg
diff --git a/public/favicon/site.webmanifest b/public/favicon/site.webmanifest
@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/public/favicon/web-app-manifest-192x192.png b/public/favicon/web-app-manifest-192x192.png
diff --git a/public/favicon/web-app-manifest-512x512.png b/public/favicon/web-app-manifest-512x512.png