Frequently Asked Questions
Get answers to common questions about RosenCharts - the first fully RSC compatible React charting library.
What makes RosenCharts RSC compatible?
Unlike most existing libraries, RosenCharts extracts interactivity into client components that don't break the SSR model. This allows 100% server-side chart generation while maintaining interactive features like tooltips. We use D3 only for mathematical calculations, while charts are built with divs and SVGs using standard React declarative code.
How does RosenCharts compare to Nivo?
RSC compatibility is the primary advantage. RosenCharts is the first charting library built specifically for React Server Components, which no other library has achieved. Additionally, our charts feature a modern design and provide full access to underlying divs and SVGs for complete customization control.
Does RosenCharts work with TanStack Start?
Yes, RosenCharts works with TanStack Start and any React framework. Since we provide access to the underlying divs and SVGs, the charts integrate seamlessly with any React application.
Can charts be updated from a WebSocket after initial load?
Real-time chart updates via WebSocket are currently in development. For now, the recommended approach is to wrap the chart in a client component for dynamic updates. We're working on a more elegant solution that maintains RSC compatibility while supporting real-time data updates.
Is RosenCharts backwards compatible with Tailwind 3.4.17?
Yes, RosenCharts is fully backwards compatible with Tailwind 3.4.17. While we support Tailwind 4.0 including container queries, we ensure compatibility with older versions.
Will RosenCharts work with React Native?
React Native compatibility is a top priority for RosenCharts and will be available in future releases. Currently, you can use the Expo 'use-dom' directive to run our charts in React Native applications.
What's included in the free vs paid license?
80% of RosenCharts is available for free. The free tier includes most essential chart types and core features. Premium features and advanced chart types are available with a paid license. We're continuously working to make licensing information more transparent and accessible.
Do you have loading animations?
Yes, RosenCharts includes comprehensive loading state functionality. You can find detailed documentation and examples at https://rosencharts.com/docs/loading-state. This feature was developed based on community feedback and requirements.
What did you use to create the documentation?
RosenCharts documentation is built using the Protocol template from Tailwind UI (https://tailwindui.com/templates/protocol). This provides a clean, professional design that aligns with our design philosophy and ensures excellent user experience.
Are the charts too visually opinionated?
RosenCharts provides complete styling flexibility. Colors and styles can be easily modified with just a few lines of code. There's no black box - all styling is defined directly in the copyable code. You have full control over appearance while we provide beautiful, modern defaults.
Do you have plans for Sankey diagrams?
Yes, Sankey diagrams are planned for future releases. We welcome feedback on specific use cases to help us develop the most useful implementation for the community.
Is RosenCharts mostly for static data?
RosenCharts is designed for flexibility. We recommend the RSC approach for simpler, static charts, while complex interactive features like real-time updates work best with client components. The key is choosing the right approach for your specific use case and performance requirements.
How do I get support if I don't use Twitter?
We understand that not everyone uses Twitter. Alternative support channels are being developed. Currently, you can reach out through GitHub issues or our contact form. We're committed to making support accessible to all users.
What's the difference between RosenCharts and other charting libraries?
RosenCharts follows the shadcn/ui philosophy for RSC charts - simply copy and paste the code to build your own chart library. We provide full access to the underlying divs and SVGs, giving you complete customization control while maintaining RSC compatibility.
Still have questions?
Can't find what you're looking for? We're here to help!