![](https://zinza.com.vn/wp-content/themes/zinzatheme/assets/images/icon-success.png)
グラフを描画するコンポネント
2段階で開発:
1. Web component開発:JSON形式で渡されたデータで折れ線・棒・バブルなどの視覚的なグラフを描画
2. APIサーバー開発:Web componentで描画したグラフをExcel、 Word、 PDF、 Power pointファイル に出力
開発期間:2 ヶ月
チーム:1 名
使う技術:Figma
日本顧客に依頼いただいたサムライAIシステムのコンポーネントです。
が可視化にするため、グラフ形式で表示、そしてワード、PDF、パワーポイントなどのドキュメント形式で出力という機能を要求されました。
しかし、既存システムには色、フォント、間隔や関連するコンポーネントの設計標準が全然作成されてないため、設計を統一するのが困難、プロジェクト始まりところすぐ問題に直面しました。
そいう状況で、我がチームは顧客に積極的に対話し、双方理解を深め、相手の意向を把握まで努力して、2ヶ月という短い間で設計書を完成させました。
![](https://zinza.com.vn/wp-content/uploads/2021/04/Rectangle-5267-1-1.png)
その結果、最終なデザインはスタイル、色、インタラクティブが完全にマッチング、使い勝手も良くてユーザーエクスペリエンスが向上されてました。
![](https://zinza.com.vn/wp-content/uploads/2021/04/Rectangle-5266-2-1.png)
![](https://zinza.com.vn/wp-content/uploads/2021/04/Rectangle-5246-2-1.png)