Smith Charts with Chart.js

Back when I was in university, I used Smith Charts all the time to visualize transmission line network matching. There aren’t many web ways of creating one, so I took a stab at it.


The charts turned out surprisingly well. I found it much easier to do a lot of the scale work in a circular coordinate system with a final conversion to cartesian coordinates at the end.


Building on the theme of reusable Chart components in Chart.js v2, I was able to reuse most of the existing functionality from the line chart controller. I hope in the future I can clean up the code for the Smith Chart and make it a good reference design for what extensions can look like.