CCHub Logo CCHub Tailwind Collection
Komponenten Komponenten für die Datenvisualisierung Komponente "Komponenten der Datenvisualisierung"

Komponente "Komponenten der Datenvisualisierung"

Eine einfache Datenvisualisierungskomponente im Dunkelmodus für soziale Medien mit einem analogen Farbschema.

Vorschau

HTML-Code 

<div class="bg-gray-900 min-h-screen p-4 text-gray-200">
  <div class="max-w-md mx-auto bg-gray-800 rounded-lg shadow-lg p-6">
    <h2 class="text-xl font-bold mb-4 text-blue-300">Social Media Engagement</h2>
    <div class="space-y-4">
      <div class="flex items-center justify-between">
        <span class="text-gray-400">Likes:</span>
        <span class="text-blue-400 font-semibold">12,345</span>
      </div>
      <div class="flex items-center justify-between">
        <span class="text-gray-400">Comments:</span>
        <span class="text-green-400 font-semibold">890</span>
      </div>
      <div class="flex items-center justify-between">
        <span class="text-gray-400">Shares:</span>
        <span class="text-teal-400 font-semibold">321</span>
      </div>
      <div class="w-full bg-gray-700 rounded-full h-2.5 mt-4">
        <div class="bg-gradient-to-r from-blue-400 via-green-400 to-teal-400 h-2.5 rounded-full" style="width: 75%;"></div>
      </div>
      <p class="text-sm text-gray-500 text-center mt-2">Overall Engagement: 75%</p>
    </div>
  </div>
</div>

Verwandte Komponenten

Komponente "Datenvisualisierung"

Eine reaktionsschnelle Datenvisualisierungskomponente mit einer Retro-/Vintage-Ästhetik, die von den 80er und 90er Jahren inspiriert ist, mit Unterstützung für dunkle Themen und der Verwendung von Platzhalterbildern.

Offen

Luxury_Premium_Grayscale_Dating_Social_Data_Visualization_Component

Eine elegante und ausgeklügelte Datenvisualisierungskomponente, die für Dating- und Social-Media-Plattformen entwickelt wurde, mit einem Graustufen-Farbschema und einem reaktionsschnellen Layout mit Unterstützung für den Dunkelmodus. Zeigt Benutzerstatistiken und Verbindungsmetriken an.

Offen

Art-Déco-Komponente zur Datenvisualisierung

Eine komplexe, reaktionsschnelle Datenvisualisierungskomponente im Art-Déco-Stil für Beratungsdienstleistungen mit geometrischen Mustern und einem luxuriösen lila/violetten Farbschema. Enthält Unterstützung für den Dunkelmodus.

Offen