Skip to content

Instantly share code, notes, and snippets.

View carlvlewis's full-sized avatar
🎯
Focusing

Carl V. Lewis carlvlewis

🎯
Focusing
64 followers · 117 following
View GitHub Profile
@carlvlewis
carlvlewis / Text highlighter
Last active November 22, 2016 12:54
Text highlighter
<article>
<header>
<h1>Text highlighter</h1>
</header>
<div class="content">
<p>
<span class="dropcap">At</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce aliquam diam
id
sapien convallis
@carlvlewis
carlvlewis / boxes.markdown
Created December 18, 2016 23:50
Boxes
@carlvlewis
carlvlewis / stategrid.html
Last active March 7, 2017 13:57
US State Grid
<html>
<head>
<meta charset="utf-8">
<style>
body{
-webkit-font-smoothing: antialiased;
font-family: Roboto,sans-serif;
width:960px;
margin:50px auto;
}
@carlvlewis
carlvlewis / .block
Last active December 20, 2016 10:39
Trump support vs. distance from sea, final
license: gpl-3.0
@carlvlewis
carlvlewis / echarts-js-datamatic-multiple-filtering-line-chart-example.markdown
Last active July 9, 2017 23:53
eCharts.js + Datamatic Multiple, Filtering Line Chart Example

eCharts.js + Datamatic Multiple, Filtering Line Chart Example

A simple line chart created using eCharts JS library with Datamatic.

A Pen by Carl V Lewis on CodePen.

License.

@carlvlewis
carlvlewis / d3-gradient-sankey.markdown
Created February 15, 2017 01:40
D3 Gradient Sankey
@carlvlewis
carlvlewis / gist:fd784e60a8e75c0a27ca258270b33136
Created February 16, 2017 07:24
sankey flow chart
<!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 / 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>