Due 5pm PST Tuesday 3/29
For this homework you will submit as a fork of this gist
Create a Javascript function to find asociated anagrams in an input list of strings. For the input list, output every string (only once) that has an associated anagram elsewhere in the input list. See an example input and output below:
input_list = ['man', 'list', 'acme', 'talk', 'cat', 'beach', 'came', 'tac', 'naan', 'slit', 'act']
var anagram_finder = function(list) {
These are the materials for my workshop on creating interactive data visualizations with D3! We will be using the following two tools to work through the exercises:
And please do not hesitate to reach out to me directly via email at jondinu@gmail.com or over twitter @clearspandex
Throughout this workshop, you will learn how to make an interactive map of AirBnB listings in SF to better understand the companies impact on the city.
These are the materials for my workshop at Strata San Jose 2015 as well as resources and next steps. Videos of the workshop can be found here.
We will be using the following two tools to works through these exercises:
I would love your feedback on the materials either on the Q&A forum (Google Group) or in the Github issues.
And please do not hesitate to reach out to me directly via email at jondinu@gmail.com or over twitter @clearspandex
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.12/d3.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> | |
| <style> | |
| body { | |
| font-family: futura; | |
| width: 960px; |
| code | city | country | lat | lon | |
|---|---|---|---|---|---|
| ZNZ | ZANZIBAR | TANZANIA | -6.13 | 39.31 | |
| TYO | TOKYO | JAPAN | 35.68 | 139.76 | |
| AKL | AUCKLAND | NEW ZEALAND | -36.85 | 174.78 | |
| BKK | BANGKOK | THAILAND | 13.75 | 100.48 | |
| DEL | DELHI | INDIA | 29.01 | 77.38 | |
| SIN | SINGAPORE | SINGAPOR | 1.36 | 103.75 | |
| BSB | BRASILIA | BRAZIL | -15.67 | -47.43 | |
| RIO | RIO DE JANEIRO | BRAZIL | -22.90 | -43.24 | |
| YTO | TORONTO | CANADA | 43.64 | -79.40 |
| license: gpl-3.0 |
This JS+D3 gist creates a scatterplot with zooming and panning enabled as well as a brush for selecting or deselecting points using the iris dataset within data.tsv.
The "Get Selection" button gets the current selection of points and prints their ids to the JS console (i.e. console.log(selection);).
The "Clear Selection" button clears the current selection.
| date | a | |
|---|---|---|
| 1/1/2014 13:00:00 | 5.0000000e-002 | |
| 1/1/2014 13:00:01 | 6.6100000e-001 | |
| 1/1/2014 13:00:02 | 9.9700000e-001 | |
| 1/1/2014 13:00:03 | 1.0900000e+000 | |
| 1/1/2014 13:00:04 | 1.1300000e+000 | |
| 1/1/2014 13:00:05 | 1.1550000e+000 | |
| 1/1/2014 13:00:06 | 1.1770000e+000 | |
| 1/1/2014 13:00:07 | 1.1860000e+000 | |
| 1/1/2014 13:00:08 | 1.1930000e+000 |
A fork of brush to zoom interaction integrated with scroll to zoom. Try brushing the small graph to zoom-in and use mousewheel on the zoomed graph to futher zoom in or out. The example can be viewed on bl.ocks.org
