JSFiddle - React, Tailwind, and code Playground

CSS

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  position: relative;
  width: 1400px;
}

button {
  position: absolute;
  right: 10px;
  top: 10px;
}

JavaScript

var format = d3.time.format("%m/%d/%Y");

var data = [
	{
		"index": "0",
		"date": "4/6/2013",
		"venue": "online",
		"num_visitors": "3844"
	},
	{
		"index": "0",
		"date": "4/6/2013",
		"venue": "museum",
		"num_visitors": "789"
	},
	{
		"index": "0",
		"date": "4/6/2013",
		"venue": "guestbook",
		"num_visitors": "20"
	},
	{
		"index": "1",
		"date": "4/7/2013",
		"venue": "online",
		"num_visitors": "217"
	},
	{
		"index": "1",
		"date": "4/7/2013",
		"venue": "museum",
		"num_visitors": "718"
	},
	{
		"index": "1",
		"date": "4/7/2013",
		"venue": "guestbook",
		"num_visitors": "20"
	},
	{
		"index": "2",
		"date": "4/8/2013",
		"venue": "online",
		"num_visitors": "203"
	},
	{
		"index": "2",
		"date": "4/8/2013",
		"venue": "museum",
		"num_visitors": "741"
	},
	{
		"index": "2",
		"date": "4/8/2013",
		"venue": "guestbook",
		"num_visitors": "6"
	},
	{
		"index": "3",
		"date": "4/9/2013",
		"venue": "online",
		"num_visitors": "1445"
	},
	{
		"index": "3",
		"date": "4/9/2013",
		"venue": "museum",
		"num_visitors": "874"
	},
	{
		"index": "3",
		"date": "4/9/2013",
		"venue": "guestbook",
		"num_visitors": "7"
	},
	{
		"index": "4",
		"date": "4/10/2013",
		"venue": "online",
		"num_visitors": "3098"
	},
	{
		"index": "4",
		"date": "4/10/2013",
		"venue": "museum",
		"num_visitors": "755"
	},
	{
		"index": "4",
		"date": "4/10/2013",
		"venue": "guestbook",
		"num_visitors": "3"
	},
	{
		"index": "5",
		"date": "4/11/2013",
		"venue": "online",
		"num_visitors": "744"
	},
	{
		"index": "5",
		"date": "4/11/2013",
		"venue": "museum",
		"num_visitors": "368"
	},
	{
		"index": "5",
		"date": "4/11/2013",
		"venue": "guestbook",
		"num_visitors": "6"
	},
	{
		"index": "6",
		"date": "4/12/2013",
		"venue": "online",
		"num_visitors": "1342"
	},
	{
		"index": "6",
		"date": "4/12/2013",
		"venue": "museum",
		"num_visitors": "826"
	},
	{
		"index": "6",
		"date": "4/12/2013",
		"venue": "guestbook",
		"num_visitors": "17"
	},
	{
		"index": "7",
		"date":...