carlvlewis

But he'll lose at the CoC recitation.

HE WILL LOSE

carlvlewis

<header class="container-fluid">
  <div class="text-center">
    <h1 class="title">Savannah/Chatham SLR Vulnerability Hyperlocal Playbooks</h1>
  </div>
</header>

<section class="container-fluid">
  <article class="map-container">
    <div id="map"></div>
    <div id="sidebar">

carlvlewis

directed-graph-creator

Interactive tool for creating directed graphs, created using d3.js.

Demo: http://bl.ocks.org/cjrd/6863459

Operation:

• drag/scroll to translate/zoom the graph

carlvlewis

This example shows how it is possible to use crossfilter bar charts (up to any number) to visually subset a choropleth. The map above shows the population and per-capita income growth of the US from 2011-2012.

carlvlewis

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/zircle"></script>
<link href="https://unpkg.com/zircle/dist/zircle.css" rel="stylesheet">
<div id="app">
  <z-canvas :views='$options.components' style="background-color: #4A90E2">
  </z-canvas>
  <footer>C. 2018 Matt Bracco</footer>
</div>

carlvlewis

<iframe src="http://carlvlewis.net/puerto-rico.html" width="100%" height="100% frameborder="0"></iframe

carlvlewis

<div id="map"></div>
<ul class="list"></ul>

carlvlewis

<div class="container">
  <div class="axis axis-y">expertise</div>
  <div class="axis axis-x"><span class="right">curiousity</span><span class="influence">proficiency</span></div>
  <div class="nodes">
  </div>
  
</div>

carlvlewis

<div id="chart"></div>
<div id="legend"></div>

carlvlewis

<table width=100%>
           

  <thead><tr>
<th>Location</th>
    <th>Status</th>
    <th> Closed </th>
   
  </thead>
  <tbody sheetsu="https://sheetsu.com/apis/v1.0su/8671a0739ab8" sheetsu-limit="50" sheetsu-ignore-case="true">