Data Visualization Strategies & Open Source Tools

Editor's Notes

• #2: Welcome, and thanks for coming out this evening.\n\nI haven’t had the pleasure of meeting many of you, so I’d like to start off by introducing myself so that you have an idea of where I’m coming from.\n
• #3: My formal education was in biological engineering, but I’ve always had an interest in information technology. \n\nMy first job out of school was working at a DNA lab helping to build custom software used for automated sample tracking and profile extraction.\n\nMy current job primarily involves eliciting requirements, driving stakeholder consensus, exposing risks and dependencies, defining the nature of user interactions, laying the groundwork for information architecture, and generally laying the tracks out in front of our developers so that they can proceed unencumbered.\n
• #4: My formal education was in biological engineering, but I’ve always had an interest in information technology. \n\nMy first job out of school was working at a DNA lab helping to build custom software used for automated sample tracking and profile extraction.\n\nMy current job primarily involves eliciting requirements, driving stakeholder consensus, exposing risks and dependencies, defining the nature of user interactions, laying the groundwork for information architecture, and generally laying the tracks out in front of our developers so that they can proceed unencumbered.\n
• #5: My formal education was in biological engineering, but I’ve always had an interest in information technology. \n\nMy first job out of school was working at a DNA lab helping to build custom software used for automated sample tracking and profile extraction.\n\nMy current job primarily involves eliciting requirements, driving stakeholder consensus, exposing risks and dependencies, defining the nature of user interactions, laying the groundwork for information architecture, and generally laying the tracks out in front of our developers so that they can proceed unencumbered.\n
• #6: I’m not a developer, but I have a natural curiosity and want to know how things work on a conceptual level.\n\nI’m here to talk about things I’ve learned, trends I’m seeing, and experiences I’ve had.\n\nMy goal is to make sure that everyone here leaves with something tangible that they can use, or a perspective that helps them think about things a different way.\n
• #7: I’m not a developer, but I have a natural curiosity and want to know how things work on a conceptual level.\n\nI’m here to talk about things I’ve learned, trends I’m seeing, and experiences I’ve had.\n\nMy goal is to make sure that everyone here leaves with something tangible that they can use, or a perspective that helps them think about things a different way.\n
• #8: \n
• #9: \n
• #10: \n
• #11: \n
• #12: \n
• #13: \n
• #14: \n
• #15: \n
• #16: \n
• #17: \n
• #18: \n
• #19: \n
• #20: \n
• #21: \n
• #22: \n
• #23: \n
• #24: \n
• #25: \n
• #26: \n
• #27: \n
• #28: \n
• #29: \n
• #30: Degree of Satisfaction = Bar Color\nNumber of Respondents = Bar Width\n
• #31: Number of Drone Strikes ➔ Radius + Opacity\nPakistani Support for Drone Strikes ➔ Saturation\nPresident who Ordered Drone Strikes ➔ Color \n
• #32: \n
• #33: Don’t blame your data, blame your design.\n
• #34: Don’t blame your data, blame your design.\n
• #35: Don’t blame your data, blame your design.\n
• #36: Don’t blame your data, blame your design.\n
• #37: \n
• #38: \n
• #39: \n
• #40: \n
• #41: \n
• #42: \n
• #43: Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
• #44: Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
• #45: Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
• #46: Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
• #47: Here’s a resume that was done as an infographic. Pretty cool idea, right?\n\nApologies in advance to Michael, because I’m going to pick on him a bit.\n\nWhat are we trying to prove here? Maybe this is unintentionally revealing?\n
• #48: Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
• #49: Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
• #50: Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
• #51: Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
• #52: Is this Noise?\n\nDepends on the context of the audience and how the content is delivered.\n\nIf you are already in a particular station, you probably see a “you are here” symbol on the map.\n\nYou are being exposed to this because you need to figure out where you are going, thus the risk of losing the reader’s attention is relatively low.\n\nZoom in on a region\n\nThis map emphasizes the different lines as well as the stations on each line. Also important are the zones crossed, which are shown subtly as alternating gray and white regions.\n\nAn interactive version would allow for reduction of clutter. Thinks like bicycle parking and car ports would only be toggled on by those who need that information.\n
• #53: \n
• #54: \n
• #55: \n
• #56: \n
• #57: \n
• #58: \n
• #59: \n
• #60: \n
• #61: Daily Media Diet - Wired Magazine\nhttp://is.gd/IrRoHZ\n
• #62: Daily Media Diet - Wired Magazine\nhttp://is.gd/IrRoHZ\n
• #63: Daily Media Diet - Wired Magazine\nhttp://is.gd/IrRoHZ\n
• #64: Demonstrations can be interactive in a literal sense, in that you can touch/feel/use them.\n\nEuclidian solid geometry visualization shown in Tufte’s “Beautiful Evidence”\n
• #65: \n
• #66: Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
• #67: Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
• #68: Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
• #69: Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
• #70: Akamai Real-Time Global Network Traffic Monitorhttp://is.gd/1Oueyq\n\nAuthor doesn’t have a specific conclusion in mind beforehand (except maybe “there are a lot more attacks than you think there are) since this is real-time data. \n\nYou draw your own conclusions from it...for example “it looks like recent network attacks are most concentrated on the eastern seaboard.”\n
• #71: \n
• #72: \n
• #73: \n
• #74: How do you cater to the average attention span while still allowing those who are interested to really dive deep?\n
• #75: \n
• #76: \n
• #77: \n
• #78: \n
• #79: \n
• #80: \n
• #81: \n
• #82: \n
• #83: \n
• #84: \n
• #85: \n
• #86: Here are some screenshots from a chart editing UI that someone like myself might use to work with a client to design a chart to be implemented.\n
• #87: Here are some screenshots from a chart editing UI that someone like myself might use to work with a client to design a chart to be implemented.\n
• #88: Here are some screenshots from a chart editing UI that someone like myself might use to work with a client to design a chart to be implemented.\n
• #89: \n
• #90: \n
• #91: Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
• #92: Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
• #93: Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
• #94: Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
• #95: Pandemic Preparedness map for joint project of InterAction and USAID, showing public health programs in vulnerable areas.\n\nhttp://preparedness.interaction.org/\n\nMap created by Development Seed, an open source development company that focuses on building communication and visualization tools.\n\nWe work with Development Seed on several projects. I worked closely with them on the World Food Programme’s main site, wfp.org.\n\n\n\n\n
• #96: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #97: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #98: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #99: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #100: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #101: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #102: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #103: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #104: Aid Projects in Haiti\nhttp://preparedness.interaction.org/\n
• #105: MapBox provides a suite of open source tools and services for creating and using custom maps in the cloud.\n\n\nTileMill leverages OpenLayers, Carto, and Mapnik (C++ based mapping application toolkit)\n\nAt Phase2, I worked on a data visualization project with a high-profile federal agency that utilized MapBox and OpenLayers to display state-specific data related to job creation stemming from the Recovery Act legislation.\n\nWe automatically generated the locations of blog posts using natural language processing and semantic tagging provided by a freely-available service called Open Calais, provided by Thomson Reuters.\n\n
• #106: MapBox provides a suite of open source tools and services for creating and using custom maps in the cloud.\n\n\nTileMill leverages OpenLayers, Carto, and Mapnik (C++ based mapping application toolkit)\n\nAt Phase2, I worked on a data visualization project with a high-profile federal agency that utilized MapBox and OpenLayers to display state-specific data related to job creation stemming from the Recovery Act legislation.\n\nWe automatically generated the locations of blog posts using natural language processing and semantic tagging provided by a freely-available service called Open Calais, provided by Thomson Reuters.\n\n
• #107: MapBox provides a suite of open source tools and services for creating and using custom maps in the cloud.\n\n\nTileMill leverages OpenLayers, Carto, and Mapnik (C++ based mapping application toolkit)\n\nAt Phase2, I worked on a data visualization project with a high-profile federal agency that utilized MapBox and OpenLayers to display state-specific data related to job creation stemming from the Recovery Act legislation.\n\nWe automatically generated the locations of blog posts using natural language processing and semantic tagging provided by a freely-available service called Open Calais, provided by Thomson Reuters.\n\n
• #108: \n
• #109: Map from Japanearthquakerecovery.org, a project of the Business Civic Leadership Center.\n\nUses open data from USGS and tile designs built with TileMill, an open-source map tile design studio.\n
• #110: Map from Japanearthquakerecovery.org, a project of the Business Civic Leadership Center.\n\nUses open data from USGS and tile designs built with TileMill, an open-source map tile design studio.\n
• #111: Map from Japanearthquakerecovery.org, a project of the Business Civic Leadership Center.\n\nUses open data from USGS and tile designs built with TileMill, an open-source map tile design studio.\n
• #112: \n
• #113: \n
• #114: \n
• #115: \n
• #116: \n
• #117: \n
• #118: \n
• #119: \n
• #120: \n
• #121: \n
• #122: This is a visualization tool that we’re considering using for an upcoming project for a client in the financial services industry.\n
• #123: \n
• #124: \n
• #125: \n
• #126: \n
• #127: \n
• #128: \n
• #129: \n
• #130: \n
• #131: \n
• #132: \n
• #133: During World War 1, it became more difficult for people from Europe to emigrate.\n\nAfter World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward.\n\nThey reached their lowest point during the Great Depression.\n
• #134: During World War 1, it became more difficult for people from Europe to emigrate.\n\nAfter World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward.\n\nThey reached their lowest point during the Great Depression.\n
• #135: During World War 1, it became more difficult for people from Europe to emigrate.\n\nAfter World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward.\n\nThey reached their lowest point during the Great Depression.\n
• #136: During World War 1, it became more difficult for people from Europe to emigrate.\n\nAfter World War 1, more restrictive legislation on immigration was put into place, which kept immigration levels lower moving forward.\n\nThey reached their lowest point during the Great Depression.\n
• #137: \n
• #138: \n
• #139: This is a guy who took a trip Zlatibor, a mountain in Serbia.\n\nhttp://www.brankovukelic.com/post/849444944/zlatibor-breathgiving-infographics\n\nInkscape - one of the leading open source SVG graphics editors\n
• #140: This is a guy who took a trip Zlatibor, a mountain in Serbia.\n\nhttp://www.brankovukelic.com/post/849444944/zlatibor-breathgiving-infographics\n\nInkscape - one of the leading open source SVG graphics editors\n
• #141: \n
• #142: \n
• #143: \n
• #144: \n
• #145: \n
• #146: \n
• #147: \n
• #148: \n
• #149: \n