Build interactive SVG data visualizations in React using visx.
npx skills add https://github.com/cerico/macfair --skill visx
Please help me install this Agent Skill. Skill: visx Source: https://github.com/cerico/macfair/tree/main/files/claude/skills/visx Command: npx skills add https://github.com/cerico/macfair --skill visx
This Skill enables developers to design and render high-quality data visualizations in React using visx, giving full control over charts and dashboards.
Install visx packages and start integrating into a React project.
High-intent search queries and answers about installing and using this skill.
Build custom data visualizations in React by composing visx primitives, which combine D3 math with React components to render scalable SVG charts for bespoke design requirements.
Create interactive dashboards by integrating visx into your React project, allowing you to build scalable visuals with full control over chart components and interactive tooltips.
Yes, you need to install the @visx/* packages in a modern Node and React environment to render SVG-based charts and dashboards within your web application.
Yes, you can build responsive line charts with interactive tooltips for analytics dashboards by composing visx primitives directly within your React components.
Visx provides low-level D3 primitives as React components, giving you full control to build bespoke charts and dashboards rather than offering pre-configured chart templates.
Avoid using visx if you need pre-built complex charts out of the box or lack a modern Node and React environment, as it requires composing SVG primitives manually.
BaoNguyen09Install Node.js and project dependencies on macOS for development.
Integrum-GlobalEmbed interactive widgets in AI conversations via JSON payloads and Nexus streaming.
montenokiBind data to DOM elements and create interactive visualizations with d3.js.
kettleofketchupConfigures shadcn/ui and Tailwind CSS styling layers for React projects.
