earthrise-media / vacs-map

Exploring VACS project data
1 stars 0 forks source link

Add cards and distribution plots #37

Closed mwbernard closed 10 months ago

mwbernard commented 10 months ago

Closes #11

This does a couple things. First off the swarm plots were causing some performance slowdown when crops are switched, so I've taken a stab at a replacement form, similar to some things we've talked about previously. Not 100% polished here, but generally I think showing a vertical distribution of lines conveys the same message as the swarms while being less distracting, and with some tweaks could look really nice. Here are some examples of the plots - I think effectively comparing scenarios, while also giving a good impression of how a crop compares to other crops (the y scale is consistent across all crops to aid this comparison):

sesame: Screenshot 2023-11-19 at 2 57 30 PM

tomato: Screenshot 2023-11-19 at 2 57 12 PM

maize: Screenshot 2023-11-19 at 2 57 03 PM

I also included a first pass at a reusable card wrapper component that wraps around ^ these plots, and also around the crop cards in this view:

Screenshot 2023-11-19 at 3 05 15 PM

kelsey-taylor commented 10 months ago

@mwbernard i just finished these designs https://github.com/earthrise-media/vacs-map/issues/26 — do you want to include the crop card maps in this PR? i'm happy to wait a little so you have time to generate the static versions to add here

mwbernard commented 10 months ago

@kelsey-taylor hmm I think we can do that in a separate pr, I'm working on a script to generate the svg map images now

mwbernard commented 10 months ago

@kelsey-taylor good call! yeah need to make margins and line width smarter to account for this, gonna hold off merging for the moment.

mwbernard commented 10 months ago

@kelsey-taylor now these don't get screwed up at small window heights

Screenshot 2023-11-20 at 9 25 12 AM