Bubble Circle Packing

Circle-packing visualization built with React + TypeScript + Vite + D3. Uses the st.json hierarchy data (imported locally) and renders an SVG pack layout with depth-based coloring and tooltips.

Scripts

• pnpm dev – run the dev server
• pnpm build – type-check and build
• pnpm lint – ESLint + Prettier (Prettier via eslint-plugin-prettier)
• pnpm format / pnpm format:fix – check or write formatting

Notes

• Data lives at src/data/st.json; update it to change the chart.
• Favicon is a custom bubble icon at public/bubble.svg.
• JSON imports are enabled via resolveJsonModule in tsconfig.app.json.