SkeuomorphismChartsComponent
Componente de gráficos esqueuomórficos para redes sociales con colores complementarios
Código HTML
<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>Componentes relacionados
Componente de gráficos neumórficos
Un componente de gráficos complejo y receptivo con un estilo de diseño neumórfico y un esquema de color análogo, adecuado para que un portafolio muestre trabajos o productos. Incluye soporte para modo oscuro.
Componente de gráfico de Cyberpunk - Gobierno/Público
Un componente de gráfico moderadamente complejo con estética cyberpunk, adecuado para sitios web gubernamentales y de servicio público. Cuenta con un fondo oscuro, acentos de neón brillantes y una paleta de colores retro / vintage. Responsivo e incluye soporte para modo oscuro.
Industrial_Chart_Component_Ocean_Blue_Simple
Un componente gráfico simple y receptivo con una estética industrial de materias primas que utiliza tonos océano/azules, diseñado para organizaciones sin fines de lucro/benéficas. Incluye soporte para modo oscuro.