Komponenten Charts SkeuomorphismChartsComponent

SkeuomorphismChartsComponent

Skeuomorphe Diagrammkomponente für Social Media mit Komplementärfarben

Vorschau

HTML-Code

<div class="p-6 bg-gradient-to-br from-gray-200 to-gray-300 rounded-lg shadow-xl dark:from-gray-700 dark:to-gray-800">
  <h2 class="text-xl font-bold mb-4 text-gray-800 dark:text-white">Activity Chart</h2>
  <div class="relative h-48">
    <canvas id="myChart" class="w-full h-full"></canvas>
    </div>
    <div class="flex justify-around mt-4 text-gray-600 dark:text-gray-300 text-sm">
    <span>Likes</span>
    <span>Comments</span>
    <span>Shares</span>
    <span>Views</span>
    </div>
    </div>

Verwandte Komponenten

Charts-Komponente

Eine reaktionsschnelle Dashboard-Komponente, die ein skeuomorphes Design mit Pastellfarben und Unterstützung für den Dunkelmodus demonstriert, mit simulierten Balkendiagrammen, Liniendiagrammen und wichtigen Leistungsindikatoren unter Verwendung von reinem HTML und Tailwind CSS. Es ist kein JavaScript enthalten; Diagramme sind visuelle Darstellungen.

Offen

Industrial_Chart_Component_Ocean_Blue_Simple

Eine einfache, reaktionsschnelle Diagrammkomponente mit einer industriellen, rohstofforientierten Ästhetik in Ozean-/Blautönen, die für gemeinnützige/wohltätige Organisationen entwickelt wurde. Inklusive Unterstützung für den Dunkelmodus.

Offen

Verkaufsdiagramm für Glasmorphismus

Eine einfache, reaktionsschnelle Diagrammkomponente mit einem Glassmorphism-Stil, einem lebendigen Farbschema und Unterstützung für den Dunkelmodus, die für E-Commerce-Dashboards geeignet ist.

Offen