lihen12 / Florida-Energy-Website-Redesign

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Florida-Energy-Website-Redesign

Week 7: Assignment: Google Charts

Add two charts to redesign project, using provided data below. One chart shows annual renewable energy production in Florida, and the other shows annual total electricity consumption in Florida. These charts can be added to an existing page in your site where they would make sense, or you can add a new page (/data maybe?) to hold the charts. If you add an additional page, it of course should share basic design with the rest of the site, e.g. header, nav, footer.

Select the chart type you feel best suits data. Use at least 3 configuration options to customize charts' appearances.

Add a note to the project's README file linking to the charting library used, and explaining why you chose the chart types you did.

Annual Renewable Energy Production

Provided Text file contains the columns:

x: Year

y: BTU count in Billions

Year,Billion Btu

2015,234192

2014,226863

2013,229666

...

1962,35826

1961,34417

1960,35680

Source: https://www.eia.gov/opendata/qb.php?sdid=SEDS.REPRB.FL.A

Total Consumption of Electricity

Provided Text file contains the columns:

x: Year

y: BTU count in Billions

Year,Billion Btu

2016,804283

2015,803865

2014,771379

...

1962,71216

1961,62705

1960,57344

Source: https://www.eia.gov/opendata/qb.php?sdid=SEDS.ESTCB.FL.A

Methodology:

I chose to use a line chart for both data sets provided. The main reason for this was due to the fact that there was a large number of data points in both sets. It would be unrealistic to use a bar chart in this scenario because it would make the page look clunky.

Also, the data sets provided allows the user to see trends of energy consumption and production over a span of years.

About


Languages

Language:HTML 52.2%Language:CSS 36.5%Language:JavaScript 11.3%