Rosen Charts の代替サイト
Rosen Charts と同じことができる 7 サイトを並べて比較。すべて手作業で選んだ、コード付きのグラフ・データ系コンポーネント。
比較の基準Rosen Charts
D3 と Tailwind で作るコピペ用チャート。React Server Components 対応で配色も丁寧。
詳細を開く →| サイト | コード | 料金 | 保存数 |
|---|---|---|---|
| Rosen Chartsこのサイト | コピー | 無料 | |
 EvilChartsReact, shadcn/ui, Recharts, ECharts | コピー | 無料 | |
 React Flow UIReact, shadcn/ui | npm | 無料 | |
 Gauge UIReact, shadcn/ui | レジストリ | 無料 | |
 tablecnReact, shadcn/ui, TanStack Table | レジストリ | 無料 | |
 Bklit UIReact, shadcn/ui, visx | レジストリ | 無料 | |
 mapcnReact, shadcn/ui, MapLibre | レジストリ | 無料 | |
 bazza/uiReact, shadcn/ui | レジストリ | 無料 |
コンポーネントライブラリについて
コンポーネントライブラリは、ボタン・入力欄・ダイアログ・メニューといった画面の基本部品をカバーします。新しいものはパッケージを入れる代わりにソースをプロジェクトへコピーできるので、どこでも書き換えられます。採用前に、Radix のようなアクセシブルな土台の上に作られているか確認しましょう。
向いている用途
- 新しいアプリを素早く始める
- フォーム・ダイアログ・メニュー
- コピーしたコードを自分のものにする
