SkeuomorphismChartsComponent
Composant de graphiques skeuomorphes pour les médias sociaux avec des couleurs complémentaires
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>Composants associés
RetroChartsComponent
Un composant de graphique rétro/vintage avec des effets réactifs et une prise en charge du thème sombre à l’aide de Tailwind CSS. Comprend des images de remplacement.
Composant Graphiques
Un composant graphique simple et réactif pour les applications de sport/fitness, doté d’une interface utilisateur en mode sombre avec des tons de bijou. Affiche une mesure de progression ou de performance de base.
Composant Graphiques
Un composant graphique complexe et réactif avec une palette de couleurs Neon/Electric, inspiré de la conception matérielle pour les outils CRM/Business. Comprend plusieurs éléments interactifs et une prise en charge complète du mode sombre.