Skip to content

Instantly share code, notes, and snippets.

View denisemauldin's full-sized avatar

Denise Mauldin denisemauldin

  • Noteworth
  • Seattle, WA
View GitHub Profile
@denisemauldin
denisemauldin / Filtering Nodes
Created August 3, 2017 16:06 — forked from colbenkharrl/Filtering Nodes
Filtering Nodes on Force-Directed Graphs (D3 V4)
Click to view more!
@denisemauldin
denisemauldin / index.html
Last active August 3, 2017 18:50 — forked from d3noob/index.html
Sankey Diagram with v4
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@denisemauldin
denisemauldin / README.md
Created August 7, 2017 15:30 — forked from nitaku/README.md
World population - bubbles on map

This example shows bubbles with area proportional to each country's population (2016) superimposed on a world map. Bubbles are also colored according to the continent.

Showing population and geography together, this map could probably be better redesigned as a choropleth of population density. This example is an exercise to prepare for different kinds of data, for which a geographical density would not make sense.

Population data is obtained from data.worldbank.org. The name of the source is "World Development Indicators" and was last updated on 2017, August 2nd.

Based on this example about implementing a map of the world and this one about population bubbles.

@denisemauldin
denisemauldin / README.md
Created August 7, 2017 15:30 — forked from nitaku/README.md
World population - bubbles on map

This example shows bubbles with area proportional to each country's population (2016) superimposed on a world map. Bubbles are also colored according to the continent.

Showing population and geography together, this map could probably be better redesigned as a choropleth of population density. This example is an exercise to prepare for different kinds of data, for which a geographical density would not make sense.

Population data is obtained from data.worldbank.org. The name of the source is "World Development Indicators" and was last updated on 2017, August 2nd.

Based on this example about implementing a map of the world and this one about population bubbles.

@denisemauldin
denisemauldin / .block
Last active August 7, 2017 19:52 — forked from anonymous/.block
US Map with different shapes for cities based on data
license: mit
@denisemauldin
denisemauldin / .block
Created September 12, 2017 16:32 — forked from enjalot/.block
HTML Color Names (Relative Lightness)
license: mit
@denisemauldin
denisemauldin / .block
Created September 28, 2017 15:49 — forked from curran/.block
Scatter Plot with Menus
license: mit
border: no
@denisemauldin
denisemauldin / .block
Last active March 16, 2018 19:55 — forked from HectorDt/.block
Map Zoom geoConicConformal Europe
license: mit
@denisemauldin
denisemauldin / Funnel
Created April 17, 2018 15:50 — forked from ronakrrb/Funnel
Funnel Chart Layout built in d3.js
This examples shows the sales funnel in an organisation i.e.
1. Number of leads created.
2. Number of leads to whom phone calls were made.
3. Number of leads pitched to whom phone calls were made.
4. Number of leads whom were pitched, negotiated.
5. Number of final closure.
@denisemauldin
denisemauldin / index.html
Last active April 20, 2018 16:11 — forked from anonymous/index.html
defs in d3 - reuse elements with use
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.4.1/d3.min.js"></script>
</head>
<body>
<svg></svg>
</body>
<script>
var circle_data = [
[10,70,10],