Sunset Orchid Dashboard: Animating Data Viz Tile

1
2<section class="gs-stage">
3  <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
4  <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
5  <div class="gs-grid-overlay" aria-hidden="true"></div>
6  <div class="gs-card">
7    <div class="gs-card-inner">
8      <header class="gs-card-header">
9        <h2 class="gs-card-title">Weekly Sales Overview</h2>
10      </header>
11      <div class="gs-card-content">
12        <div class="gs-sparkline" aria-hidden="true">
13          
14          <svg xmlns="http://www.w3.org/2000/svg">
15            <polyline></polyline>
16          </svg>
17        </div>
18        <div class="gs-stats">
19          <span class="gs-stat-item">
20            <strong>$24.6k</strong>
21            <small>Total Revenue</small>
22          </span>
23          <span class="gs-stat-item">
24            <strong>+12%</strong>
25            <small>Growth Rate</small>
26          </span>
27        </div>
28      </div>
29      <div class="gs-card-footer">
30        <button class="gs-action-btn">
31          <svg class="icon"><path d="M12 4l6 6-6 6"></path></svg>
32          View More
33        </button>
34      </div>
35    </div>
36  </div>
37</section>