Total climate pollution chart & projection to 0 by 2050

[hkier]

Overview

This PR adds the area chart to both the index and state detail pages.

Closes #17

Demo

What does it take to decarbonize your state .pdf

Testing Instructions

This PR can be tested by loading the app and visually looking at the area chart on both the index and state pages. Various state pages should be check to verify proper functioning.

[nofurtherinformation]

Awesome! A couple suggestions:

• This component should be responsive, so that it will also look great on smaller screens -- check out how the stacked bar chart uses the ResponsiveContainer component from recharts here
• For the emissions_data property that this component takes, if you wrap that in curly braces {} in the function, you can use it directly instead of using Object.values(emissions_data)[0] (see here for reference). For more on what's going on with this syntax, object destructuring, check out this article
• On the design-side, I'd considering ditching the legend for in-chart labels, something like this:

A rough approach to this could look like:

   // other component stuff
    <ReferenceLine x="2018" stroke="none" label={{value:"Emissions", angle:90, fill:"#b65c00"}} />
    <ReferenceLine x="2024" stroke="none" label={{value:"Projections", angle:90, fill:"#36a654"}} />
    // rest of component stuff

[netlify]

✅ Deploy Preview for state-decarbonize ready!

Name	Link
🔨 Latest commit	105ce12
🔍 Latest deploy log	https://app.netlify.com/sites/state-decarbonize/deploys/624d034f5f17f1000832b8f1
😎 Deploy Preview	https://deploy-preview-43--state-decarbonize.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[derekeder]

@hkier looks like this is failing on build because it is referencing guam which @vkoves removed in ccb1cd6. If you pull down the latest changes from main to your branch, it should build

deploy error: https://app.netlify.com/sites/state-decarbonize/deploys/624631e33beeab0008842e0b#L147

[hkier]

When I attempted to update my branch from main, I was informed I was up to date. I did attempt another commit and it is showing 1 file conflict which is just deleting a blank line. Not sure what else might be causing the problem/conflicts.

[derekeder]

@hkier ok - if you are coming to hack night tonight, we can spend some time and sort it out. looks like we also have some merge conflicts with the recently merged in PR #40 that we will also have to resolve

[hkier]

Derek, sorry but I have a meeting conflict this evening and was not planning to attend. Even if I were to drop in for a couple of minutes (from my other meetings) I would not have my coding computer available for screen sharing and diagnostic work.

I see this:
Add more commits by pushing to the [Total-climate-pollution-chart-&-projection-to-0-by-2050](https://github.com/hkier/state-by-state-decarbonization/tree/Total-climate-pollution-chart-%26-projection-to-0-by-2050) branch on [hkier/state-by-state-decarbonization](https://github.com/hkier/state-by-state-decarbonization).

I wonder if this might be the problem and if so, I need to remember how to push to a specific repo/branch.