Javascript 如何动态地将页面元素组合在一起形成一个正方形？

我有很多不同价值的东西。我想将每个项目表示为一个正方形，其大小与其值相对应，其中每个正方形都是较大正方形的一个组成部分。所有不同尺寸的正方形组合在一起，形成一个更大、更完美的正方形

可以用HTML/CSS做这样的事情吗？有人知道我有什么资源可以让我开始使用正确的技术吗

---

或者这更适合于JavaScript或其他东西吗？

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

听起来像是一场比赛。似乎有很多Javascript库可以实现这种可视化，例如，或。

这听起来像是背包问题可怕的开始。我相信Ted.com示例可以使用CSS3/HTML5而不使用JS。你需要支持哪些浏览器？有一个mootools插件可以实现这一点：@Joel，所有的浏览器。。。我的意思是，IE6、IE7、IE8和符合标准的浏览器@乔希，幸运的是我还处于非常早期的分析阶段。老板会更喜欢一个简单得多的解决方案，但如果我能在合理的时间范围内提供一些新奇的东西，我会。。。请注意，在我之前的评论中，“老板会对……感到更高兴”应该是“老板会对……感到高兴”，这是一个非常酷的效果，尽管我99%确信他们用Flash实现了这一点。我承认Flash非常棒，但它也是Flash，我们不知道实现它的过程（以及在完成加载时它不是一个完美的正方形）.@Ender+我会加上1%。这是闪光。