dedc0e7873
Updated SVG text generation to use the exact same font size calculation as the React component: Math.max(8, 14 * scaleFactor). This ensures perfect visual consistency between live React components and generated SVG examples. Font styling now matches exactly: - fontSize: Math.max(8, 14 * scaleFactor) - fontFamily: 'monospace' - fontWeight: 'bold' 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
30 lines
724 B
Markdown
30 lines
724 B
Markdown
# AbacusReact Examples
|
|
|
|
Generated SVG examples demonstrating various features of the AbacusReact component.
|
|
|
|
## Files
|
|
|
|
- **basic-usage.svg** - Simple abacus showing a number
|
|
- **interactive.svg** - Clickable abacus with animations
|
|
- **custom-styling.svg** - Personalized colors and highlights
|
|
- **tutorial-mode.svg** - Educational guidance with tooltips
|
|
|
|
## Usage in Documentation
|
|
|
|
These SVG files can be embedded directly in markdown:
|
|
|
|
```markdown
|
|
|
|
```
|
|
|
|
Or referenced in HTML:
|
|
|
|
```html
|
|
<img src="./examples/basic-usage.svg" alt="Basic AbacusReact Usage" />
|
|
```
|
|
|
|
---
|
|
|
|
_Generated automatically by generate-examples.js using react-dom/server_
|
|
_Last updated: 2025-09-19T20:45:33.669Z_
|