JSCity - 代码可视化


未知
跨平台
JavaScript

软件简介

JSCity 通过 three.js 3D 库用 JavaScript 实现了类似
Code City 功能的可视化源码。它可以将 JavaScript
程序变成类似城市和街区的形状,内部函数则表现为建筑物顶部的物体。源代码的行数则代表建筑物的高度。

小型城市

backbone [![](/static/assets/osapp/images/32ff720c533386ef3b3b98b863cd83d1.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=5) chartjs [![](/static/assets/osapp/images/8e15842b2f79957d7b9587abbc9dd021.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=8)
clumsybird [![](/static/assets/osapp/images/40273eadcb31e405b36ff22dc42d6747.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=9) deckjs [![](/static/assets/osapp/images/4990336976fc26f0ce39f89851cd2bc0.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=11)
impressjs [![](/static/assets/osapp/images/a51b752e04ea2a84be289967d0fda1ec.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=18) isomer [![](/static/assets/osapp/images/233594d39813b17591df98027fa981fd.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=20)
soket.io [![](/static/assets/osapp/images/f7a26ad07693c10a38957e0246b10ce4.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=40) mustache [![](/static/assets/osapp/images/2660a107bc0db1ab08cf646861cd4d04.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=29)
parallax [![](/static/assets/osapp/images/e689e2326a47579f1966c21d5db7ab7b.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=31) respond [![](/static/assets/osapp/images/a24800cbabe76a6a7147d2792e2bfe32.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=35)
reveal [![](/static/assets/osapp/images/f0396de4bc82fe6132d3d4eba9ea30c1.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=36) slick [![](/static/assets/osapp/images/274188d708f157e20483a9fa17473c73.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=39)

中等和大型城市

algorithmsjs [![](/static/assets/osapp/images/585f853ff09de535a7e58e083eb324ef.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=3) bootstrap [![](/static/assets/osapp/images/1a778deed10cafde37977eaa53ee1e00.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=6)
bower [![](/static/assets/osapp/images/497385fed87308e727a7baf74a7067c1.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=7) threejs [![](/static/assets/osapp/images/fd903c7217e680fb5e0589a948f2cd69.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=41)
express [![](/static/assets/osapp/images/982e4e98dc5fbaa386e4ca5e81fbd791.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=12) florajs [![](/static/assets/osapp/images/253b2dc65f9e5ff89eff3e8790d8b47e.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=13)
ghost [![](/static/assets/osapp/images/a9bc6b807a6d5c46233a22fcc6827b73.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=14) grunt [![](/static/assets/osapp/images/fffbda321217d06601d31d84022399a9.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=15)
gulp [![](/static/assets/osapp/images/4e258eeb6b90904dbfbb27c944f35155.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=16) ionic [![](/static/assets/osapp/images/5cee668c4d990f3f6aa0b87e928e7695.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=19)
jade [![](/static/assets/osapp/images/569f39c9774b5d625c457b9ebc3f7a8f.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=21) jasmine [![](/static/assets/osapp/images/ef42a531c6dba20074b012dce7167d2d.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=22)
jquery [![](/static/assets/osapp/images/ee9fa4cbabd917e5f3578030128b00b2.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=23) jqueryfileupload [![](/static/assets/osapp/images/891f6ead55420d6f2ede0cd76cae386c.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=24)
leaflet [![](/static/assets/osapp/images/d2a4dec9552c57ab17bd0a5f61560ca8.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=25) less [![](/static/assets/osapp/images/a03b2142cdf7d452e0bf384dffd48544.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=26)
mootools [![](/static/assets/osapp/images/0da584e6768ff2a510f1e32c6dc9c023.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=28) paperjs [![](/static/assets/osapp/images/dfba0226e6524b2dc317c7bae6f8a6d1.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=30)
pdfjs [![](/static/assets/osapp/images/4d14008e6e52d67de112edc0d5d5079a.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=32) pixi [![](/static/assets/osapp/images/ba6c69ecfdcee4b630a5e53721530cbf.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=33)
react [![](/static/assets/osapp/images/a3d7c61376e0f67d31e07f9602a5c19b.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=34) select2 [![](/static/assets/osapp/images/e8889d644d5106d8cb94a7614773ae2b.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=37)
semanticui [![](/static/assets/osapp/images/44ceab1f668082657053b5149698669f.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=38) ace [![](/static/assets/osapp/images/2cdbc9201f6d6396373304df5f7ffe9d.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=2)
angular [![](/static/assets/osapp/images/28decf73c20e9645f6158d0901c22799.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=4) modernizr [![](/static/assets/osapp/images/54ae4a705bb287088798e70461573ba2.png)](http://aserg- ufmg.github.io/JSCity/index.html?id=17)