Responsive Visualizations
Built in d3.js and hosted on Observable.com
As I dive deeper into designing and testing non-traditional visualizations, the javascript library d3.js is my go-to tool for creating interactive versions of my designs. D3.js lets me create visualizations that can be easily populated with custom data, and which also fit right into the structure of any webpage. D3.js also allows me total creative control, unlike packages in languages like Python or R, or even software like Tableau.
Likert Visualizations — Revision 2
After hand-designing a custom Likert scale visualization, I rebuilt it in d3.js so that anybody could enter their own data and see results visualized.
I also created a version that allowed users to mouseover to view labels for clarity.
Quadrilateralization Algorithm Walk-through
As a final project for a graduate-level course on Computational Geometry, I developed an interactive presentation that implements and explains Dr. Anna Lubiw’s algorithm to quadrilateralize a pseudo-rectilinear polygon.
This presentation also allows users to input their own pseudo-rectilinear polygon.