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

Social_Connection_Chart_Component

Eine Komponente für ein soziales Verbindungsdiagramm mittlerer Komplexität mit organischem, von der Natur inspiriertem Design mit Schwarz, Weiß und einer einzigen hellen Akzentfarbe. Es wurde für Dating- und Social-Media-Plattformen entwickelt und zeigt Verbindungen visuell mit fließenden Linien und Benutzer-Avataren. Vollständig reaktionsschnell mit Unterstützung für den Dunkelmodus.

Offen

Komponenten für die Datenvisualisierung

Eine reaktionsschnelle Datenvisualisierungskomponente, die mit Material Design-Prinzipien wie rasterbasierten Layouts und Tiefeneffekten entwickelt wurde, mit Unterstützung für dunkle Themen.

Offen

Komponente zur Datenvisualisierung - Industrielle Landwirtschaft

Eine Datenvisualisierungskomponente mit einer industriellen, rohen Ästhetik unter Verwendung eines lila/violetten Farbschemas, das für die Landwirtschaft und landwirtschaftliche Websites geeignet ist. Es zeigt wichtige Metriken in einem responsiven Layout mit Unterstützung für den Dunkelmodus an.

Offen