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 / .block
Last active December 20, 2016 10:39
Trump support vs. distance from sea, final
license: gpl-3.0
@carlvlewis
carlvlewis / d3-gradient-sankey.markdown
Created February 15, 2017 01:40
D3 Gradient Sankey
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sankey Flow Chart</title>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Dependencies -->
<script src="lib/d3.js"></script>
@carlvlewis
carlvlewis / axis.html
Last active February 22, 2017 19:01
Small-multiple area chart of sales trends grouped by month
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<title>Sales Trend by Month</title>
<meta name="description" content="Axis Take-Home Assignment">
<meta name="author" content="Carl">
<!--C. 2017, Carl V. Lewis. All code MIT Licensed. Peace, open-source and catchy Taylor Swift songs, FTW-->
<head>
@carlvlewis
carlvlewis / axisgroup.html
Last active March 1, 2017 22:14
A mock sales trend set of small multiple area charts
<!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 - Axis Group</title>
<!--C. 2017, Carl V. Lewis. All code MIT Licensed. Keeping my custom JS, CSS and markup all in a single file for, well, good old time's sake. -->
@carlvlewis
carlvlewis / .block
Created March 7, 2017 08:21 — forked from nbremer/.block
Data based orientations in SVG Gradients - Final example - Avenger Movie Collaborations
height: 1000
@carlvlewis
carlvlewis / index.html
Created March 7, 2017 08:22
Left my heart in Savannah
<h1>I left my heart in <a href="http://visitsavannah.com">37°47′N 122°25′W</a></h1>
<h2>US States in TopoJSON · Rendered in SVG with D3.js · just for fun by @carlvlewis*</h2>
<section id="map" class="map"></section>
<h5>*Forked and customized from @girlie_mac</h5>
@carlvlewis
carlvlewis / example-basic-d3-js-line-chart-with-y-axis-hover.markdown
Created March 7, 2017 11:31
Example basic d3.js line chart with y-axis hover
@carlvlewis
carlvlewis / index.html
Last active March 7, 2017 11:46
Example d3.js line chart - tutorial
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="author" content="@carlvlewis">
<title>Percent of workforce in Leisure and Hospitality industry, 1990-2016</title>
<!--C. 2017, Carl V. Lewis. All code MIT Licensed. Peace, open-source and catchy Taylor Swift songs, FTW-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js'></script>