SkeuomorphismChartsComponent
Skeuomorphe Diagrammkomponente für Social Media mit Komplementärfarben
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
Memphis_Finance_Charts_Component
Eine komplexe Finanzdiagramm-Komponente, die von Memphis Design inspiriert ist, mit kräftigen Farben, geometrischen Formen und einem Neon-/Elektro-Farbschema. Es reagiert vollständig, unterstützt den Dunkelmodus und eignet sich für Finanz-/Bankschnittstellen.
SkeuomorphicSocialMediaChart
Eine einfache, von Skeuomorphic inspirierte Diagrammkomponente für soziale Medien mit Komplementärfarben und responsivem Design.
Charts-Komponente
Eine komplexe Diagrammkomponente, die für E-Commerce-Webanwendungen im Dunkelmodus mit einem Graustufen-Farbschema entwickelt wurde. Diese Komponente enthält mehrere interaktive Elemente wie Diagramme, Datenpunkte, QuickInfo und Schaltflächen mit responsivem Design mit Tailwind CSS.