Skip to content

Instantly share code, notes, and snippets.

View carlvlewis's full-sized avatar
🎯
Focusing

Carl V. Lewis carlvlewis

🎯
Focusing
View GitHub Profile
@carlvlewis
carlvlewis / index.html
Created November 29, 2017 10:36
Simple CSS Animated SVG Rocket
<section class="container">
<header class="header">
<h2>Open Savannah Civic Empowerment Launchpads!</h2>
</header>
<svg class="svg-rocket" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 83.07909 127.50572">
<g class="rocket-inner">
<g class="rocket-clouds">
@carlvlewis
carlvlewis / .gitignore
Created March 7, 2017 06:59 — forked from susielu/.gitignore
d3-annotation: Responsive Types and Hover
.DS_Store
@carlvlewis
carlvlewis / .block
Last active October 23, 2019 23:11
Stacked-to-Grouped Police Killings with D3 v4
license: mit
@carlvlewis
carlvlewis / index.html
Last active October 6, 2019 23:57
A single d3.js V4 chart with 'small multiples' along single categorical x-axis
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="@carlvlewis">
<!--This is so bootstrap knows how to handle viewports hassle-free-->
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Sales Trend by Month</title>
@carlvlewis
carlvlewis / tomwins.md
Created September 10, 2019 21:55
tom wins for month of september

But he'll lose at the CoC recitation.

HE WILL LOSE

@carlvlewis
carlvlewis / index.html
Created July 4, 2019 10:52
Leaflet Demo
<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
carlvlewis / README.md
Created February 14, 2019 13:15 — forked from cjrd/README.md
Interactive tool for creating directed graphs using d3.js.

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
carlvlewis / README.md
Created February 3, 2019 10:52 — forked from stevenae/README.md
Interactive Choropleth

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
carlvlewis / index.html
Last active January 26, 2019 07:26
d3.rect - v4
<!DOCTYPE html>
<html>
<meta charset=utf-8>
<head>
<meta name="description" content="D3.js v4, transition, color, location" />
</head>
<body>
<script src="http://d3js.org/d3.v4.min.js"></script>
<!-- .attrs() -->
@carlvlewis
carlvlewis / index.html
Created January 20, 2019 02:39
Zircle-ui drink recipe
<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>