greenelab / word-lapse

Explore how a word changes over time
https://greenelab.github.io/word-lapse/
Other
6 stars 3 forks source link

add basic chart #7

Closed vincerubinetti closed 2 years ago

vincerubinetti commented 2 years ago

I spent today looking again at charting/visualization libraries for javascript and react. I tried using VISX (formerly VX), and it's okay, but it's limited, buggy, inconsistent, and very poorly documented. (Though it might be mostly a problem with the higher-level XYPlot component I'm using from them; maybe there will be less problems when using the lower-level primitives that more closely mirror D3, which it is based on).

I think I'll have to go back to the standard D3 eventually, which will take longer, but will yield better results, as I can add cool animations and position/style things exactly the way I want them. For now that, because we have a deadline coming up soon, we'll stick with VISX just to get it done.

netlify[bot] commented 2 years ago

✔️ Deploy Preview for word-lapse ready!

🔨 Explore the source changes: bb71eb4c7e72d32be1610bf7d375190183caa401

🔍 Inspect the deploy log: https://app.netlify.com/sites/word-lapse/deploys/61e0579aa79c4f00084d6436

😎 Browse the preview: https://deploy-preview-7--word-lapse.netlify.app/

vincerubinetti commented 2 years ago

LGTM! Looking on a mobile device the title appeared to be a bit bigger than expected. But eventually that will be fixed.

Yeah the visx library was supposed to wrap that text automatically but I could not for the life of me get it to work. We'll figure it out at some point.