Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Carl V. Lewis carlvlewis

🎯
Focusing
View GitHub Profile
@carlvlewis
carlvlewis / .gitignore
Created Mar 7, 2017 — forked from susielu/.gitignore
d3-annotation: Responsive Types and Hover
@carlvlewis
carlvlewis / .block
Last active Oct 23, 2019
Stacked-to-Grouped Police Killings with D3 v4
View .block
license: mit
@carlvlewis
carlvlewis / index.html
Last active Oct 6, 2019
A single d3.js V4 chart with 'small multiples' along single categorical x-axis
View index.html
<!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 Sep 10, 2019
tom wins for month of september
View tomwins.md

But he'll lose at the CoC recitation.

HE WILL LOSE

View index.html
<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 Feb 14, 2019 — forked from cjrd/README.md
Interactive tool for creating directed graphs using d3.js.
View README.md

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 Feb 3, 2019 — forked from stevenae/README.md
Interactive Choropleth
View README.md

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 Jan 26, 2019
d3.rect - v4
View index.html
<!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 Jan 20, 2019
Zircle-ui drink recipe
View index.html
<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
carlvlewis / index.html
Last active Nov 20, 2018
Responsive d3v4 treemap with hierarchical zoom
View index.html
<div id="chart"></div>
<div id="legend"></div>
You can’t perform that action at this time.