Denise Mauldin denisemauldin

Denise Mauldin is a full stack software engineer with experience in bioinformatics, web site development, and APIs. Python, Ruby, JavaScript mostly.

denisemauldin / index.html

Last active June 30, 2017 16:47

Draw a path when click on the red point

	<!DOCTYPE html>
	<meta charset="utf-8">
	<html>
	<head>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	</head>
	<body>
	<script>
	var svgSelection = d3.select("body")
	.append("svg")

denisemauldin / index.html

Created July 19, 2017 16:41

D3 V4 Line chart with draggable circles

	<!DOCTYPE html>
	<!-- https://stackoverflow.com/questions/42720488/d3-v4-drag-line-chart-with-x-and-y-axes -->
	<!-- Thanks to Mark - https://stackoverflow.com/users/16363/mark -->
	<svg width="500" height="350"></svg>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<script>

	var svg = d3.select("svg"),
	margin = {top: 20, right: 20, bottom: 30, left: 50},
	width = +svg.attr("width") - margin.left - margin.right,

denisemauldin / index.html

Created July 24, 2017 22:50

D3 v4 fake line plot

	<!DOCTYPE html>
	<meta charset="utf-8">
	<html>
	<head>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	</head>
	<body>
	<svg width="300" height="300"></svg>
	<script>
	// constants to help with the X axis

denisemauldin / index.html

Last active July 24, 2017 22:56

Pie chart

	<!DOCTYPE html>
	<meta charset="utf-8">
	<html>
	<head>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	</head>
	<body>
	<div id="chart"></div>
	<script>

denisemauldin / index.html

Last active July 26, 2017 19:04

Use g containers with elements inside

	<!DOCTYPE html>
	<meta charset="utf-8">
	<html>
	<head>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<style>
	#svg1 {
	border: thin solid red;
	}
	.circles {

denisemauldin / index.html

Created August 3, 2017 16:00

d3 create table

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<script src="https://unpkg.com/[email protected]/build/d3.min.js"></script>
	</head>
	<body>
	<table class="objecttable">
	<thead>
	<tr><th>name</th><th>age</th><th>gender</th></tr>

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 / 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 / .block

Created August 4, 2017 16:27

So much joy :)

	license: mit
	height: 900

denisemauldin / .block

Created August 4, 2017 21:10

Beeswarm

	license: gpl-3.0
	height: 200