VibranteVetromorfismoGrafico
Un semplice componente del grafico Glassmorphism con colori vivaci, adatto per blog e siti di contenuti. Il componente è reattivo e include il supporto per il tema scuro utilizzando Tailwind CSS.
Codice HTML
<div class="p-4 bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-lg shadow-lg max-w-sm mx-auto dark:bg-gray-800 dark:bg-opacity-20">
<h3 class="text-xl font-bold mb-4 text-gray-800 dark:text-white">Sales Overview</h3>
<div class="relative h-40">
<canvas id="myChart"></canvas>
</div>
<div class="flex justify-around mt-4 text-gray-700 dark:text-gray-300 text-sm">
<div class="text-center">
<p class="font-semibold text-teal-500 dark:text-teal-400">January</p>
<p>$5,200</p>
</div>
<div class="text-center">
<p class="font-semibold text-rose-500 dark:text-rose-400">February</p>
<p>$6,100</p>
</div>
<div class="text-center">
<p class="font-semibold text-fuchsia-500 dark:text-fuchsia-400">March</p>
<p>$5,500</p>
</div>
</div>
</div>Componenti correlati
Memphis_Finance_Charts_Component
Un complesso componente di grafici finanziari ispirato a Memphis Design, caratterizzato da colori audaci, forme geometriche e una combinazione di colori neon/elettrico. È completamente reattivo, supporta la modalità oscura ed è adatto per interfacce finanziarie/bancarie.
Componente Grafici Skeuomorphism
Un componente grafico reattivo con stile Skeuomorphism, colori vivaci e supporto della modalità scura per le interfacce dei social media.
Industrial_Chart_Component_Ocean_Blue_Simple
Un componente grafico semplice e reattivo con un'estetica industriale di materie prime che utilizza toni oceano/blu, progettato per organizzazioni senza scopo di lucro/beneficenza. Include il supporto per la modalità scura.