在做大屏可视化展示的时候,需要把大数据收敛聚合接口提供的数据以三个 Pie 图的形式展示在屏幕下方正中。

Burst of Celestial Fireworks

Screen Preview

下面就是我使用 Node 完成样式构造的 demo:

const StyledDivAllinline = styled.div`
text-align:center;
margin:0 auto;
padding:0;
clear:both;
`
// `inline-block` effect
const StyledSubdivAllinline = styled.div`
margin:0;
padding:0;
display:inline-block;
_display:inline;
*display:inline;
zoom:1;
`
// render
<StyledDivAllinline>
  <StyledSubdivAllinline>
    Hello, world
  </StyledSubdivAllinline>
  <StyledSubdivAllinline>
    HELLO, World
  </StyledSubdivAllinline>
  <StyledSubdivAllinline>
    Hail, Hydra
  </StyledSubdivAllinline>
</StyledDivAllinline>

Burst of Celestial Fireworks

Burst of Celestial Fireworks

你永远无法识别由潜意识制造的假象。

我们的视野中本该有一块无法避免的黑斑,

对应视网膜上视神经的位置,

大脑却像裱糊一样将它均匀填补了。

到底哪里是假的呢?

–MorningRocks

SpaceX's Falcon 9 Rocket / NASA

SpaceX’s Falcon 9 Rocket / NASA

We live in a time when information is readily accessible in the palm of ours hands.

So do YOURSELF a favor – Never stop learning. Something small or something big. Doesn’t matter. Just never Stop.

— Wykrhm