Composants Composants de visualisation de données Composant Composants de visualisation de données

Composant Composants de visualisation de données

Il s’agit d’un composant simple de visualisation de données en mode sombre pour les médias sociaux avec une palette de couleurs analogue.

Aperçu

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>

Composants associés

Social_Connection_Chart_Component

Un composant de graphique de connexion sociale de complexité modérée avec un design organique inspiré de la nature, avec du noir, du blanc et une seule couleur d’accent vive. Conçu pour les plateformes de rencontres et les plateformes sociales, il met en valeur les connexions visuellement avec des lignes fluides et des avatars d’utilisateurs. Entièrement réactif avec prise en charge du mode sombre.

Ouvrir

Skeuomorphic_Vibrant_Business_Dashboard

Un composant de tableau de bord complexe, réactif et skeuomorphe aux couleurs vives, conçu pour une utilisation professionnelle/d’entreprise, avec des visualisations de données et des éléments interactifs avec prise en charge du mode sombre.

Ouvrir

Weather_Climate_Retro_Dark_Dashboard

Un composant de tableau de bord simple et rétro en mode sombre pour les données météorologiques et climatiques, réactif sur tous les appareils.

Ouvrir