どんなツールか？
SVG（Scalable Vector Graphics）におけるグラデーション（色の滑らかな遷移）を視覚的に作成・調整できる Web ベースのツールです。チャートや図形の背景・塗りに使うカラーグラデーションをデザインする目的で利用できます。
機能
- グラデーションのデザイン…SVG で使う 線形（linear）／放射状（radial）グラデーション を視覚的に編集可能。
- カラー・ストップ設定…グラデーションの途中での色（ストップ）や位置を追加・調整してカスタム配色を作成。
- リアルタイムプレビュー…編集結果を即座に確認し、仕上がりを見ながら調整。
- SVG 生成…完成したグラデーション定義をそのまま SVG コードとして出力（一般的な実装想定）。
使い方
- グラデーションを作成…色のストップや角度・位置を操作してグラデーションを設計。 
- プレビューで確認…設定したグラデーションがリアルタイムでどのように描画されるか確認。 
- 生成された SVG を取得…最終的なグラデーション定義を SVG コードとしてコピー・保存してデザイン／可視化に組み込む。