CounterStrategy Visualization

[agilgur5]

#2 priority

[agilgur5]

Wow fail... I can do this in SVG. Was thinking about the difficult of ray tracing, rendering 3D, and then creating PNGs on the front end (as per @jimjing's suggestion)... but SVG is way easier and data-driven.

I've also used SVG (and D3) for 3 months for work so it's something I know fairly well, much much better than ThreeJS too (not to mention it's far better documented being a DOM spec). Plus clicks are way easier to track (can just add an onClick method). 2D is so much easier than 3D....

Use react-art for this with the polygon SVG element. Will need to reuse the region parsing + spec parsing from Simulator here. The only implementation problem is that the Spec Editor is not in React yet, so development might be a bit annoying at first (compile a second script to insert elsewhere and figure out modals...) or might require part of it to be ported to React.