Paul Trowbridge
5cc59b5792
SVG text does not wrap, so labels were cut at twelve characters -- which with the sort prefixes now on every bucket meant "04 - Forecas…" and told you nothing the position of the bar had not already. Word wrapping to the bar's width, three lines at most, with the ×n and untagged markers moved below however many lines the label took and the plot's bottom padding raised to make room. Character width is estimated rather than measured: measuring means a DOM round trip per label on every render, and at this size a digit is about 0.55em, which is close enough for a centred label with a bar's width to play with. A word longer than the line overflows rather than breaking, since half a word helps nobody. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| vendor | ||
| .gitignore | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| vite.config.js | ||
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.