如何将页面元素动态拼接在一起形成正方形?

时间:2010-10-29 16:21:54

标签: javascript html css

我有许多具有不同值的项目。我想将每个项目表示为一个正方形,其大小与其值相对应,其中每个正方形是较大正方形的一个组成部分。所有不同大小的正方形都可以组合在一起,形成一个更大,更完美的正方形。

是否可以使用HTML / CSS执行此类操作?有没有人知道我可以用正确的技术开始的任何资源?

或者这会更适合JavaScript或其他什么?

2 个答案:

答案 0 :(得分:2)

听起来像treemap。似乎有许多用于实现此类可视化的Javascript库,例如Javascript InfoVis ToolkitTreemap in Google Visualization APIthis jQuery plugin

答案 1 :(得分:0)

看看ted.com,看看他们是如何做类似的事情。这很酷。