Click and drag to paint! Click on the colors or use the number keys to change colors. Copy-and-paste the address bar to share this map with others. Forked from Mike Bostock's US version.
Click and drag to paint! Click on the colors or use the number keys to change colors. Copy-and-paste the address bar to share this map with others. There’s a counties version, too.
A quick-and-dirty approximate visualization of distance from the U.S. border or coastline, whichever is closer. Unlike the coastal distance map, this is based on geographic distance rather than graph (topologic) distance.
This map is an approximation because distances shown are measured in projected coordinates (10px) rather than on the surface of the Earth, and no geographic projection preserves distances equally between all pairs of points. A more accurate approach would compute the border buffer shapes in spherical coordinates.
(Also, I’d rather have this map just show distance from the coast rather than the border, but that requires a bit more work, too!)
D3.js line chart of all tweets containing the text "#lovehate" sent between Sun Oct 20 2013 19:00 and Mon Oct 21 2013 00:59. Based on Mike Bostock's example. Twitter data captured using the Streaming API.
- http://www.fastcodesign.com/3058818/how-facebooks-big-bet-on-chatbots-might-remake-the-ux-of-the-web
- http://www.fastcodesign.com/3058546/conversational-interfaces-explained
- http://www.fastcodesign.com/3054934/the-next-phase-of-ux-designing-chatbot-personalities
- http://www.fastcompany.com/3043534/tech-forecast/cloe-digit-texting-apps
- http://www.wsj.com/articles/facebook-doubles-down-on-its-messenger-app-1460484169
- http://www.theverge.com/2016/3/30/11334000/microsoft-big-bots-bet
- http://www.theverge.com/2016/4/12/11416472/facebook-messenger-ai-bots-slow-f8-conference
- http://www.theverge.com/2016/4/7/11380470/amy-personal-digital-assistant-bot-ai-conversational
- http://mathewsanders.com/conversational-interfaces
{ | |
"parserOptions": { | |
"ecmaVersion": 6, | |
"sourceType": "module", | |
"ecmaFeatures": { | |
"jsx": true | |
} | |
}, | |
"rules": { | |
"semi": 2, |
// ES6 class syntax | |
// ----------------- | |
// Car class | |
class Car { | |
constructor(make, model, price) { | |
this.make = make; | |
this.model = model; | |
this.price = price; | |
} |
// Classical inheritance | |
// ----------------- | |
// Car class | |
function Car(make, model, price) { | |
this.make = make; | |
this.model = model; | |
this.price = price; | |
} |