Bot.Media Charts Dashboard-Demonstration.

Diagramme für Bot.Media

Wiederverwendbare Chart-Komponente für Vue und TypeScript, basierend auf Chart.js.

Kunde
Bot.Media
Rolle
Frontend Engineer — wiederverwendbare Datenvisualisierungskomponenten
Zeitraum
2019
TypeScriptVue.jsChart.js

Ich habe ein bereitgestelltes Dashboard-Design in eine wiederverwendbare Chart.js-Komponente übersetzt, TypeScript in den Boilerplate des Kunden eingeführt und ein benutzerdefiniertes Tooltip-Verhalten für die produktspezifische Datenpräsentation implementiert.

Highlights

Konfigurierbare Diagrammkomponente zur Wiederverwendung in einem Vue-Produkt.
Einführung von TypeScript in das bereitgestellte Frontend-Fundament.
Implementierung eines benutzerdefinierten Tooltip-Verhaltens, wo die Standard-Chart.js-Benutzeroberfläche nicht ausreichte.
Dashboard- und Diagrammbeispiele demonstrieren die wiederverwendbare Komponente über sieben visuelle Zustände hinweg.

Screenshots & Demos