支付公司Braintree近日创建超级酷炫的开源代码可视化工具--Codeology，所以用户可以看到GitHub项目在各自产品中如何使用不同的编程语言。该可视化工具已经嵌入至GitHub公共API，你能够按照名字搜索任何在线项目，以下图Linux Kernel源代码为例，每个不同颜色的渲染部分都表明不同的编程语言。
首先，这些可视化渲染的图片能够根据鼠标的移动进行视角切换，将光标移动到底部右下角，用户能够看到该项目渲染图片中颜色所代表的意义和使用各种编程语言的占比情况。用户能够下载项目图片作为壁纸或者导出生成gif文件。该项目使用WebGL, ThreeJS和GLSL Shaders来创建这些可视化渲染图。
Codeology[Braintree]
大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。什么是 Son...
在我前面随笔《循序渐进VUE+Element 前端应用开发(6）--- 常规Element 界面组件的使用》里面曾经介绍过一些常规的界面组件的处理，主要介绍到单文本输入框、多文本框、下拉列表，以及按钮...
搞懂 Commonjs、AMD、CMD、UMD、ES Modules先说Rollup是什么？是一个打包的ES Module的工具;Rollup 是一个 JavaScript 模块打包器，可以将小块代码...
从 2017 年到 2020 年，我花了大约 4 年的时间，从零到一，实现了一个可切换 WebGL 和 Canvas2D 渲染的，跨平台支持浏览器、SSR、小程序，基于 DOM 结构和支持响应式的，高...
一.什么是DOM我们知道，无论是现在的开发框架（底层还是操作DOM）还是传统的开发都离不开DOM的操作，所以了解和学习DOM是必须的，也是成为一个全面的前端开发的必备知识和内容，那接下来我们就来看下什...
Bun 是一个功能丰富的 JavaScript 运行时，它自带包管理功能，还具有工程常用的打包、测试等功能。Bun 使用 Zig 编程语言开发，基于 Safari 浏览器的 JavaScriptCor...
