Giter VIP home page Giter VIP logo

02-streaming's People

Contributors

anirmal1 avatar fredhohman avatar haldenl avatar lilianliang avatar mathisonian avatar ssshathi avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

02-streaming's Issues

Fixes TODO

General

  • Click to enable pan / zoom -> Enable / Disable
  • Trucks in first graphic don't show up on safari @haldenl
  • Preload videos / images for media visualization @haldenl
  • Add urls to all graphic sources @haldenl
  • Add parametric preview @haldenl
  • Animate first graphic? @haldenl
  • Make deep passes over preview. Make sure text is good and everything is cited. @haldenl @lilianliang @anirmal1 @ssshathi
  • Add company logo in conclusion text (permission issues here... quite strict on branding usage) @haldenl
  • Move rewrite of last paragraph to preview (with sources) @ssshathi
  • Some periods dont have spaces after them @ssshathi
  • Better punchy description? (see slack discussion w/ Fred)
  • Add subhed to pipeline components @haldenl
  • Record page for media emissions @haldenl @ssshathi
  • Media picker autoplay gets interrupted by hover. @haldenl
  • Switch modes -> Show Timeline / Hide Timeline @haldenl
  • Cite google peering website for google cache storing more popular videos. @haldenl
  • Car distance equivalent should read "Loading Facebook is equivalent ..." @haldenl
  • Cite priest et al after each electricity info. @ssshathi
  • Move last paragraph of pipeline to scroller (with no graphic?) To test how it looks @haldenl
  • Remove periods in superfund map status @lilianliang
  • Move google aside in conclusion (check location on mobile). @anirmal1
  • Pipeline graphic shows grab / grabbing cursor.
  • Add sources/ titles to all graphics.
  • Add reference point for media picker emissions
  • Devices take into account lifecycle in Belkhir and Elmeligi but not in Priest et al?
  • Add sources for pipeline vis
  • Add caption / axis labels to pipeline line chart
  • Match text to reflect cropped pipeline graphic (reduced # of datacenters)
  • Can't hover over points in superfund map when zoom / drag is disabled.
  • Fix globe is cropped sometimes (add resize listener)
  • Fix flicker on Safari for superfund map. (looks like a beta only bug)
  • Crop pipeline graphic to exclude las vegas (there is a data center there)
  • Fix tooltip text colors or background in superfund map.
  • Window resize is slow.
  • Trucks are backwards
  • Make media picker interaction on hover for desktop
  • Pipeline text does not match graphic after removal of a step.
  • Video emissions title should read 'Emissions of Video'

Mobile

  • Videos not autoplaying in safari ios
  • Try to move media emission parts further down in the section @anirmal1
  • Change text that refers to visualizations (position) for media emissions section. @anirmal1
  • Remove long touch action for media picker
  • Media picker hold not working
  • Media picker timeline touch drag not working
  • Pipeline graphic overflows the viewport at stages?
  • Superfund map randomly resizes when scrolling?
  • Media emissions caption should change to tap & hold for touchscreens.
  • Support globe rotate (this would cause scroll jacking)
  • Fix superfund map zoom
  • Fix end of pipeline layout / text overlap (the view with the comparison between youtube and ict sector emissions)
  • Fix incorrect y translate for youtube graphic (causing "ICT Sector (2010)" text to appear during entire pipeline)
  • Fix scroll jacking on superfund map

Post-Feedback TODOs:

Issues

  • Rerun data (last item: once rest of changes are in)
  • Add instructions for running code in readme @ssshathi
  • Fix sources for fb, goog, amzn, apple pledges for carbon free @mathisonian
  • Check if deckgl has fixed flicker bug for safari in Big Sur
  • (#22) Bolded text -> white? @anirmal1 @haldenl
  • (#23) Copyright issues for album art?
  • Don't use caption for footnote? @anirmal1
  • Remove margin from scrolly (above and below).
  • Double check code for data collection @haldenl @ssshathi
  • Verify that songs fetch only the audio @ssshathi
  • Get photo for fairchild factory? cant find one with license
  • (#21) Style graphic sources for mobile
  • (#20) Switch media picker preview to click instead of click + hold
  • Rewrite pledge paragraph
  • Typos (see slack thread
  • CO2 -> CO_2
  • Pipeline emissions bar doesn't match up for cdns.
  • IMPORTANT: Fix video preloading (loading videos multiple times rn).

Dragan's Feedback

Jane's Feedback

  • 'timeline breakdown of each title' -> title not the right word ('artifact' or 'type of media') instead? @anirmal1
  • More space between name / bios for authors & end of article. @haldenl
  • (#19) 'Case Study' -> Nice to talk a bit more about where this case study came from. @ssshathi
  • I think it would help to have more context / explanation around the first Priest et al. estimate. For example: "Priest et al. estimate that the energy to run all of Google's data centers account for less than 2% of Youtube's total electricity use." @ssshathi
  • "But their burden is still being felt today" -> burden to something else? @ssshathi
  • (#12) Consider splitting last text bubble of pipeline into multiple with clearer points (slack thread has examples). @lilianliang
  • (#12) "YouTube's monthly active user count has since... [so the CO2 emissions are even higher...]" @lilianliang
  • (#14) Emissions of audio should have audio?
  • (#15) Have 360p + 1080p preview? Or make clear its just one
  • (#16) 'Sparkline' in Emissions of Video section to remind reader of emissions from earlier sections that are referenced.
  • (#17) Labeling may clarify the meaning of 4 lines in projection.
  • (#18) Can "YouTube (2016)" header fade in above corresponding bar? Instead of below.
  • "Belkhir and Elmeligi created two models to project the ICT sector's [emissions] decades forward"
  • "[enough to power] over half a million U.S. homes"
  • Any way to less blur the facebook preview? Privacy, so no.
  • Pipeline map state borders are faint.. IMO this is fine.
  • Media Emissions by Medium -> x axis labels at top too? (too tall).. I've removed the car equivalent text to make the vis a little shorter. Otherwise, I don't think putting the x axis labels on top provides too much value. The emissions of each bar are already labeled.

Other feedback

  • Review

Smaller Issues

  • "Components & Electricity Usage" -> Shorter title? (creates 2 lines on mobile).
  • (#23) Need to link websites / videos / audio?
  • Superfund map randomly resizes when scrolling? @haldenl
  • [Mobile] Globe freezes when touched. @haldenl
  • Scroller has awkward space steps between on mobile.
  • Album art preview placement covers title.
  • Address caching for websites? Specify we used chrome?
  • [Mobile] Pipeline graphic overflows the viewport at stages? @haldenl

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.