This file contains all of the source files needed to create the examples described in Drawing With d3.js Part 4: Data Extraction.
For more info see the accompanying blog post.
- Draw a rectangle: Click + Drag.
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
<title>Adding Rectangles</title> | |
<style> | |
rect.rect-main { |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
<title>Adding Rectangles</title> | |
<style> | |
rect.rect-main { |
This file contains all of the source files needed to create the examples described in Drawing With d3.js Part 4: Data Extraction.
For more info see the accompanying blog post.
This is a simple, d3.js-based toggle-able button utility. It is designed for cases where the designer needs a set of toggle buttons that trigger a callback function.
A use example can be found at this gist.
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>my plot</title> | |
<style> | |
/* BEGIN bokeh.min.css */ | |
.bk-root{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10pt;position:relative;width:100%;height:100%}.bk-root .bk-plot:after,.bk-root .bk-canvas-wrapper:after{content:" ";height:0;display:block;clear:both}.bk-root .bk-shading{position:absolute;display:block;border:1px dashed green;z-index:100}.bk-root .bk-tool-icon-box-select{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YW |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<title>Expectations</title> | |
<meta name="description" content="An interactive getting started guide for Brackets."> | |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"> |
import numpy as np | |
import pandas as pd | |
import scipy.stats as stats | |
import numpy.testing as npt | |
import matplotlib.pyplot as plt | |
import seaborn as sns | |
from memory_profiler import memory_usage | |
import timeit |
<!doctype html> | |
<html class="no-js" lang=""> | |
<head> | |
<meta charset="utf-8"> | |
<title></title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="manifest" href="site.webmanifest"> |