Tag Archives: visualization

d3.js app structure

d3.js app structure – separating concerns

d3.js is a popular JavaScript library mainly used for front-end visualization. There are a lot of examples on how to use it, but there are very few resources that talks about d3.js app structure, i.e. how to break down the app into modular components. In this blog post, I will use my project for visualizing contributions on GitHub to demonstrate the d3.js app structure that I like to use. Continue reading

Orbital Project [Apollo 11] – Graphpedia

During the summer vacation, I joined the Orbital project in SoC. This is a module-bearing project for SoC freshmen to get some experience in developing real-life applications(mainly web app or mobile app).

The final product for my team is now hosted on Digital Ocean (initially on Heroku): https://viz.paradite.com/

This a team-based project so I partnered up with Dongyan. I was in charge of backend, routing and the visualization and she is in charge of UI and UX. Continue reading