From 20ec04240ec346b8e4f447ce376ce30c177f07e5 Mon Sep 17 00:00:00 2001 From: Ben Burlingham Date: Mon, 15 Feb 2016 15:32:54 -0800 Subject: [PATCH] Added UI wrapper. Bar chart color avg. Finishing touches. --- css/index.css | 6 ++-- index.html | 44 ++++++++++++++++--------- js/behaviors.js | 13 +++++--- js/chart.js | 87 ++++++++++++++++++------------------------------- js/chart3.js | 2 +- js/data.js | 15 ++++----- js/init.js | 1 + sass/chart.scss | 2 +- sass/index.scss | 4 +-- 9 files changed, 82 insertions(+), 92 deletions(-) diff --git a/css/index.css b/css/index.css index 81ada5d..9c14fcd 100644 --- a/css/index.css +++ b/css/index.css @@ -7,8 +7,8 @@ .main { height: 920px; - margin: 10px auto; - padding: 20px; + margin: 10px auto 100px auto; + padding: 50px 20px; position: relative; width: 800px; } @@ -18,7 +18,7 @@ left: 540px; position: absolute; top: 20px; - width: 240px; } + width: 220px; } #chart svg { margin-left: 30px; height: 100%; diff --git a/index.html b/index.html index d942936..531cd9c 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,35 @@ + +

Buoy Analysis

+

NOAA data for stations off the California coast from 1982 to 2015

+
+ +

Project Goal

+ +
+ Create visualization of California coastal ocean temperature data to find monthly and yearly trends. +

+ Visualization should invite interaction to create and answer questions such as: + +
+ +

+ Data source: National Data Buoy Center. Historical data, such as 46213 Cape Mendocino, is mostly available since 1982. Extract, transform, and reduce scripts run on Node, publically available in source code. +

+ +

+ This visualization is created using D3 and Three.js libraries. +

+
@@ -32,9 +58,6 @@
-- MAP harbors - - @@ -53,20 +76,9 @@ - - - - -