#!/usr/bin/env python
# coding: utf-8

# <div class="well" style="background-color:#008c9a; color:white;">	
#     <center><h1>Did Home Prices in Hollister CA Rise in 2016?</h1></center>
# </div>

# <!-- ---------------------------------------------------- -->
#   <div class="col-sm-4 col-md-4 col-lg-4">
# 	<!-- logo -->  
#     <div class="img-responsive">
#       <img src="https://www.dropbox.com/s/rw7t8rlyy812mba/mikaela-rojas-realtor.jpg?dl=1" title="Mikaela Rojas | Rojas Realty" alt="Mikaela Rojas | Rojas Realty">    
#     </div>
# 	<!-- logo -->	
#   </div>
# <!-- ---------------------------------------------------- --> 
#   <div class="col-sm-8 col-md-8 col-lg-8">
# 	<!-- Morgan Hill CA -->  
# 	<center>			
#         <h2>Hello!</h2>
# 		<h2>I’m Mikaela Rojas!</h2><br>
#     </center>
#     <center>
#     Thank you for choosing me as your South Bay Realtor! Let's take a <br>
#     a look at <strong>Hollister CA</strong> Home Prices & Home Values for the year <strong>2016</strong>.
# 	</center>	
#     <!-- Morgan Hill CA -->	
#   </div>
# <!-- ---------------------------------------------------- -->

# <div style="color:black; border: 3px solid #008c9a;"></div>

# In[8]:


import pandas as pd
import matplotlib.pyplot as plt # only needed for advanced plotting
plt.style.use('ggplot')
get_ipython().run_line_magic('matplotlib', 'inline')


# In[9]:


# grab Zillow data
# Hollister,CA,San Jose,San Benito|00800
df = pd.read_csv('http://www.quandl.com/api/v3/datasets/ZILL/C00800_A.csv')
df.head();


# In[10]:


# convert to date format
df['Date'] = pd.to_datetime(df['Date'])


# In[11]:


# rename columns
df.columns = ['Date','Price']


# In[12]:


# set Date to be the index
df = df.set_index('Date')


# ## Prices have been steadily climbing since July of last year.

# In[13]:


df['2016'].sort_index().plot(figsize=(15,5));


# <center><h1><strong>Hollister CA Realtor:</strong> <a href="http://www.rojasrealty.us" target="_blank">ROJAS REALTY</a></h1>    </center>
# 
# <br>
# <center><p class="label label-default">the information came from quandl and Zillow</p></center>

# <div style="color:black; border: 3px solid #008c9a;"></div>

# In[14]:


from IPython.display import HTML

HTML('''<script>
code_show=true; 
function code_toggle() {
 if (code_show){
 $('div.input').hide();
 } else {
 $('div.input').show();
 }
 code_show = !code_show
} 
$( document ).ready(code_toggle);
</script>
<form action="javascript:code_toggle()"><input type="submit" class="btn btn-info btn-xs" value="Click here to toggle on/off the raw code"></form>''')