Componentes de visualización de datos
Un componente de panel de visualización de datos de estilo retro vintage con un tema oscuro que presenta tonos tierra y un diseño simple.
Código HTML
<div class="bg-gray-800 dark:bg-gray-900 p-6 rounded-lg shadow-lg max-w-4xl mx-auto">
<h1 class="text-3xl font-bold text-amber-300 mb-4">Data Visualization Dashboard</h1>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div class="bg-gray-700 dark:bg-gray-800 rounded-lg p-4">
<h2 class="text-xl text-green-200">User Statistics</h2>
<p class="text-gray-300 dark:text-gray-400">Total Users: 250</p>
<img src="https://picsum.photos/200/100?random=1" alt="Data Visualization" class="w-full rounded-lg mt-2">
</div>
<div class="bg-gray-700 dark:bg-gray-800 rounded-lg p-4">
<h2 class="text-xl text-green-200">Sales Overview</h2>
<p class="text-gray-300 dark:text-gray-400">Total Sales: $10,000</p>
<img src="https://picsum.photos/200/100?random=2" alt="Sales Overview" class="w-full rounded-lg mt-2">
</div>
</div>
<div class="bg-gray-700 dark:bg-gray-800 rounded-lg p-4 mt-4">
<h2 class="text-xl text-green-200">Recent Activity</h2>
<ul class="text-gray-300 dark:text-gray-400">
<li class="flex items-center mb-2">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-8 h-8 rounded-full mr-2">
<span>User1 logged in</span>
</li>
<li class="flex items-center mb-2">
<img src="https://randomuser.me/api/portraits/women/1.jpg" alt="User Avatar" class="w-8 h-8 rounded-full mr-2">
<span>User2 made a purchase</span>
</li>
<li class="flex items-center">
<img src="https://randomuser.me/api/portraits/men/2.jpg" alt="User Avatar" class="w-8 h-8 rounded-full mr-2">
<span>User3 logged out</span>
</li>
</ul>
</div>
</div>Componentes relacionados
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.
Componente de visualización de datos Art Deco
Un componente de visualización de datos complejo y receptivo de estilo Art Deco para servicios de consultoría, con patrones geométricos y un lujoso esquema de color púrpura/violeta. Incluye soporte para modo oscuro.
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.