macloo + examples   1080

This Chicago Cop Is Accused Of Framing At Least 51 People For Murder - BuzzFeed News
An excellent investigative story, and also a great example of longform story design in the style of 2017
longform  examples  webdesign 
22 days ago by macloo
Bias on the Bench | Sarasota Herald-Tribune
This great Florida journalism investigation just won the Batten award - 2017
Web design for longform stories, 2017
examples  longform  webdesign  from twitter
24 days ago by macloo
Eterna - Invent Medicine.
This was shown in the Werner Herzog documentary Lo and Behold - they published a problem about molecular folding online as a game, and hundreds of thousands of (non-expert) people played and figured out problems that scientists had not been able to.
crowdsourcing  examples  games 
27 days ago by macloo
A is for Albert
Really nice visual site, fun and playful, interactive. Uses CSS animations.
responsive  webdesign  examples  animation  css 
6 weeks ago by macloo
UF freshman Grace King won 14h place in the Hearst Awards in 2017 for this multimedia story. Built with Atavist.
election2016  uf  students  visual  storytelling  examples 
6 weeks ago by macloo
The Best of Digital Design – A competition of SND
Society for News Design - annual winners, digital only - 2016 awards for 2015 works
examples  design  news  webdesign  winners  awards  webapps 
7 weeks ago by macloo
Anna Flagg
Developer's portfolio with cool projects, including "A Disappearing Planet" for ProPublica
examples  portfolio  webdesign  code  webdev 
8 weeks ago by macloo
How The Washington Post's Defense Of Its Russian Hacking Story Unraveled Through Web Archiving
"Putting this all together, we see that the “fact checking” of mainstream journalism does not quite match the gleaming pristine aura touted by the journalism community in which top tier outlets are a bulwark against false and misleading news due to their rigorous and extensive fact checking processes that will not allow an article to be published until every detail has been fully confirmed."
journalism  factchecking  ethics  bestpractices  examples 
january 2017 by macloo
Kind of a game, and kind of journalism.
games  poverty  economics  webapps  examples 
november 2016 by macloo
Monroe Work
Excellent map and data about U.S. lynchings
design  examples  webapps  history  maps  leaflet  storytelling 
november 2016 by macloo
Cobalt mining for lithium ion batteries has a high human cost - Washington Post
Check out how this story includes maps, videos, photo galleries and charts in a straight in-line design, with scrolling responses.
mining  technology  africa  interactive  examples  journalism  webapps 
october 2016 by macloo
WTF Visualizations
OMG this site! "Visualizations that make no sense." HT at - BAD EXAMPLES of dataviz.
data  tumblr  visualization  dataviz  examples  from twitter
october 2016 by macloo
Quantified Selfie
Personalized interactives - seen at ONA16
design  data  storytelling  examples  webapps 
september 2016 by macloo
Tips for creating personalised interactives from #ONA16 | Media news
"Experts from New York Daily News and CUNY shared advice on producing interactives at the ONA conference in Denver." 2016
interactive  examples  webapps  data  journalism 
september 2016 by macloo
CUNY student project. Interactive. Try it!
examples  interactive  webapps 
september 2016 by macloo
The Fallen of World War II - Data-driven documentary about war & peace
The Fallen of World War II is an interactive documentary that examines the human cost of the second World War and the decline in battle deaths in the years since the war. The 15-minute data visualization uses cinematic storytelling techniques to provide viewers with a fresh and dramatic perspective of a pivotal moment in history.

The film follows a linear narration, but it allows viewers to pause during key moments to interact with the charts and dig deeper into the numbers.
data  history  visualization  war  examples  animation  interactive 
august 2016 by macloo
Daily Florida Zika virus tracker | Miami Herald
A map of Florida animated with day-by-day increase in number of cases in each region. Also, clear and easy-to-read charts below the map.
examples  maps  health  webapps  datajournalism 
august 2016 by macloo
Florida Dashboards
Made with D3.js - - a JavaScript library for making data graphics.
D3  javascript  examples  webapps 
august 2016 by macloo
The Circuit: Tracking America's Electronic Waste . News | OPB
International undercover investigation reveals what really happens to our discarded TVs, phones and computers. ONA nominee 2016
awards  examples  investigative  innovation  journalism 
august 2016 by macloo
How USA dominates Olympics - Washington Post
Graphic storytelling - visual information - interactive with rollovers - works on mobile
olympics  examples  dataviz  graphics  webapps 
august 2016 by macloo
Katie Ledecky and the Eternity of 11 Seconds - The New York Times
Check out the cool animations that essentially replay Ledecky's 2016 Olympic swimming events - using precise data (I assume) to drive the animated swimmers.
examples  webapps  sports  olympics 
august 2016 by macloo
Building an Alternative Olympic Medal Table — Google News Lab — Medium
A how-to how-we-did-this with emphasis on organizing the data, by Simon Rogers, formerly of The Guardian.
datajournalism  journalism  examples 
august 2016 by macloo
Brazil Favelas 360 video story
Google uses 360 video to tell a story about Rio's favelas. Well done.
360video  video  storytelling  examples  olympics  brazil  google  from twitter
august 2016 by macloo
Job Ad - Interactive News Developer
April 2016 - job description. "You should enjoy thinking about how to create thoughtful experiences for our readers."
jobs  examples  NYT  journalism  webapps 
august 2016 by macloo
Choice and chance | Orlando nightclub shooting | Tampa Bay Times
A 3D graphic retelling of what happened in the Pulse nightclub in Orlando, June 2016.
interactive  shooting  3d  examples  journalism  visual  storytelling  graphics  webapps 
june 2016 by macloo
Spies In The Skies: Here’s Where FBI Planes Are Circling U.S. Cities
These maps were made with CartoDB - a Software as a Service (SaaS) cloud computing platform that provides GIS and web mapping tools for display in a web browser - great for largish data, animation, and use of PostGIS.
government  surveillance  planes  buzzfeed  datajournalism  examples  webapps  maps  from twitter_favs
april 2016 by macloo
Why Voters Will Stay Angry
Simple but effective storytelling!
examples  data  graphics  webapps  charts 
march 2016 by macloo
You Draw It: How Family Income Predicts Children’s College Chances - The New York Times
Interactive - draw your own chart, see how it compares to the real one. This is pretty cool. Very original idea.
interactive  interaction  NYT  examples  visual  graphics  2015  webapps 
march 2016 by macloo
US Infant Mortality Rate
Project by a grad student of Lynn Cherny at the University of Miami. Charts and graphs, data journalism. Full story told on one page. Good design.
students  examples  datajournalism  webapps 
february 2016 by macloo - yan2014
Shown by Lynn Cherny at Knight meeting 2016
dataviz  datajournalism  examples 
february 2016 by macloo
Presentations by Lynn Cherny
Slides shown at Knight meeting and more slides too
dataviz  datajournalism  examples 
february 2016 by macloo
How Trump Happened -
Wall Street Journal - slightly interactive graphic
examples  visual  journalism  polls  election2016 
january 2016 by macloo
Cody Winchester -
Was a data-coder for the Omaha World-Herald. Now at Austin American-Statesman.
code  examples  portfolio  journalist 
january 2016 by macloo
24 Pull Requests: The journalism edition | Poynter.
A list of some of the most interesting open source journalism-related projects from 2015. By Melody Kramer
examples  journalism  opensource  webapps 
december 2015 by macloo
2015: The Year in Visual Stories and Graphics - The New York Times
A giant listing. Categories:
1. Visual Features
2. Longform Stories
3. Data-Driven Articles
4. Maps
5. Motion Graphics And Video Stories
6. Data Visualization
examples  datajournalism  multimedia  interactive  2015  inspiration  webapps 
december 2015 by macloo
How My First SlideShare Went Viral
The guy just made a SlideShare with text slides quoted from "On Writing Well." No images. Just 22 slides of quotations. From one book. Geez.
curation  examples 
october 2015 by macloo
Show and Tell: The Rise of Interactive Journalism
10 examples of interactives from The New York Times 2014
maps  examples  NYT  interactive  data  graphics 
august 2015 by macloo
Haunted Tri-State
Max at WCPO reported this whole series as an enterprise project. About 2 stories a week were published throughout October.
examples  reporting 
july 2015 by macloo
Hacking Journalism | July 11-12, 2015 | DC
Bookmarking this mainly as an example of a Bootstrap one-off site. Design example for students.
innovation  datajournalism  examples  webdesign 
july 2015 by macloo
cop4813eaglin / JSFiddle Examples
A nice set of examples - numerous links - all in jsFiddle. JavaScript and jQuery.
javascript  examples  jsfiddle 
july 2015 by macloo
Timeline: Gay marriage chronology - Los Angeles Times
Use this map to view milestones in the fight and to explore how state laws have changed since 2000.
map  interactive  politics  history  webapps  examples 
july 2015 by macloo
A Sample HTML Page - Scrolling
An example by me, using the HTML5 section element like a slide for scrolling panels. Source on GitHub.
scroll  scrolling  examples  html5  github 
may 2015 by macloo
Cruise Control - Your one-stop shop for health and safety data on cruise ships
Data project from ProPublica - seacrh for any cruise ship by name, see its health inspection history.
travel  propublica  data  examples 
may 2015 by macloo
Treatment Tracker - ProPublica
Easy-to-use data app. Compare Medicare Part B charges by different doctors in different locations. In the U.S., 46 million seniors and disabled are covered by Part B. It pays for services such as "office visits, ambulance mileage, lab tests, and the doctor’s fee for open-heart surgery."
propublica  data  healthcare  mobile  examples  webapps 
may 2015 by macloo
How AJ+ reported from Baltimore using only mobile phones | Poynter.
"Mobile reporting offers the opportunity to engage directly with the social media audience – i.e. our target millennial viewership – unfiltered and in real-time."
mobile  reporting  journalism  bestpractices  examples 
may 2015 by macloo
This Is How Fast America Changes Its Mind | Bloomberg Business
Series of charts about:

Interracial marriage
Women’s suffrage
Same-sex marriage
Recreational marijuana
visualization  data  charts  dataviz  examples  2015 
april 2015 by macloo
AISD Teacher Turnover - Statesman Data | Tableau Public
"Many Austin schools are still struggling to hold onto teachers, despite a multimillion-dollar effort, called Reach, to stem turnover in troubled schools since 2010. The graphics below show the turnover rate by year for each AISD school, along with how that rate compared with the district average for that year. Compiled from AISD statistics."
tableau  examples  datajournalism  data 
april 2015 by macloo
Walking New York -
360 panoramas - personal stories about where New Yorkers like to walk.
nyc  journalism  interactive  examples 
april 2015 by macloo
« earlier      
per page:    204080120160

related tags

3d  360video  action  actionscript  activism  Adobe  advertising  advice  afghanistan  africa  aftereffects  aggregation  agile  AJEnglish  al-jazeera  alabama  algorithms  analysis  animation  anniversaries  AP  api  app  applications  arab  architecture  argentina  art  as3  asia  audiences  audio  Australia  awards  basic  BBC  belief  bespoke  bestpractices  blog  bloggers  blogging  blogs  books  branding  brazil  breakingnews  broadband  burma  business  businessmodel  buzzfeed  cairo  calculator  calendars  cambodia  camera  canvas  capetown  careers  celebrities  census  challenges  chapter1  ChartBeat  charts  chicago  chile  china  citizenjournalism  classic  cms  cnn  code  color  community  components  composition  congress  conservative  content  context  convergence  copyright  creativity  crime  crisis  critique  crowdsourcing  cs4  css  css3  Cuba  culture  curation  curriculum  customers  D3  dailyjournalism  data  database  datajournalism  dataviz  deathwatch  debt  democracy  design  design.  designawards  development  digital  disaster  distancelearning  diversity  documentary  DSLR  economics  economy  editing  education  effects  egypt  ehics  election2012  election2016  elections  emotion  entertainment  entrepreneurial  environment  errors  ESPN  ethics  examples  exercises  explainer  explanatory  extreme  facebook  factchecking  fairuse  fashion  FCCPA  filetype:jpg  filetype:mov  film  finance  fireworks  fjupdate  flash  flashjournalism  flickr  Florida  followup  fonts  food  format  forms  framework  freeware  fun  funny  future  game  games  gear  gender  GIFs  github  google  gopro  government  graphic  graphics  graphs  greenscreen  grid  guardian  guns  ha2010  hackers  hacktivism  haiti  has:for  health  healthcare  highschool  history  hongkong  how-to  howtheydidit  howto  html  html5  humor  hyperlocal  ideas  identity  illustration  indepth  india  indonesia  infographic  infographics  informationdesign  innovation  inspiration  interaction  interactive  interactivity  interface  international  internet  interns  interview  interviews  investigative  iPad  iphone  IPR  iran  iraq  islam  j-school  japan  javascript  jobs  jou4341  jou4930  jou4946  journalism  journalismcode  journalist  journalists  jquery  jsfiddle  kenya  latimes  law  layout  leaflet  learn  learning  legend  Lens  LGBT  library  linkedin  liveblogging  local  longform  mac  magazine  magazines  malaysia  malaysian  malofiej16  map  maps  marketing  mashups  media  media:image  media:video  meme  metrics  mexico  microblogging  microsoft  migration  mining  mmc4341  mmc6612  mobile  mojo  motiongraphics  motorbikes  motorcycles  movie  movieclip  multimedia  murakami  museum  music  mutimedia  myanmar  my_work  narration  narrative  nasa  NatGeo  nature  navigation  NBC  netfreedom  news  newsbusiness  newspaper  newspapers  newyork  nicar  nieman2010  nov2010  NPPA  npr  nyc  nyt  obama  obit  olympics  ONA  ona08  ona10  online  onlinejournalism  onlinemedia  opensource  original  packages  pakistan  panorama  participation  PDF  people  photo  photography  photojournalism  plagiarism  planes  planet_money  plugin  podcast  politics  polls  population  portfolio  portraits  poverty  presentation  prisons  privacy  productivity  profile  programming  project  propublica  publicrecords  publishing  python  racism  radio  re-enactment  recipes  recommended  reference  religion  remix  reporting  research  resources  responsive  resume  resumet  rights  rss  russia  science  scraping  scroll  scrolling  security  selfpromotion  seo  serious_games  sharing  shooting  simple  simulation  sites  slideshows  smmuf  snapchat  sndies2006  sndies2007  sndies2009  socialmedia  socialnetworks  socialsoftware  software  sound  soundcloud  soundslides  sources  southafrica  spanish  sports  spyware  statistics  stories  storify  storytelling  strategy  students  style  surveillance  sxsw  syria  tableau  teach  teaching  technology  television  templates  terrorism  theme  theory  timelapse  timeline  tips  toolkit  tools  toRead  training  transcript  transmedia  travel  treechart  trends  troubleshooting  tsunami  tumblr  tutorial  twitter  typography  uf  ui  unitedstates  university  URLRequest  usability  users  valueadded  verification  Vespa  video  vietnam  vignette  viral  visual  visualization  wapo  war  washington  web  webapps  webdesign  webdev  weblayout  website  webstandards  wechat  week1  week2  week4  week5  week6  week7  week11  week13  windows  winners  wireframes  wnyc  women  wordpress  workflow  writers  writing  wsj  WUFT  xml  y612  yfn0712  youth  youtube 

Copy this bookmark: