Componente de componentes de visualización de datos
Un componente simple de visualización de datos en modo oscuro para redes sociales con un esquema de color análogo.
Código HTML
<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>Componentes relacionados
Componente de componentes de visualización de datos
Un componente de visualización de datos responsivo y compatible con el modo oscuro para blogs, con un diseño retro/vintage con una combinación de colores complementaria y elementos interactivos complejos.
Skeuomorphic_Vibrant_Blog_Viz
Un componente de visualización de datos complejo y esqueuomórfico para el consumo de blogs/contenido con una combinación de colores vibrantes, diseñado para la capacidad de respuesta y el modo oscuro.
Sports_Fitness_Dashboard_Monospace
Un componente de tablero de deportes / fitness limpio e inspirado en código con fuentes monoespaciadas, estética de terminal y tonos océano/azul. Cuenta con un diseño receptivo, compatibilidad con el modo oscuro y elementos de visualización de datos adecuados para equipos deportivos y aplicaciones de fitness.