Skip to content

Latest commit

 

History

History
410 lines (244 loc) · 13.5 KB

README.md

File metadata and controls

410 lines (244 loc) · 13.5 KB

You are now in a GitHub source code view - click this link to view Read Me file as a web page

Full Screen stable: covid 19 viz3d

Full Screen latest: covid 19 viz3d/dev

  • Demos of the various modules used to build the viewer
  • Files for every daily project update since 200-03-19. Some files are better than others.
  • Files from the first day of the project
Concept

The concept of the web page is to show you the current COVID-19 situation around the entire world in 3 seconds or less.

  • View the latest COVID-19 data from John Hopkins University GitHub repository with interactive 3D
  • Provide entry-level programming code - plain-vanilla JavaScript - anybody can copy and make better
  • Display all the data in seconds on any device then zoom and rotate and click to see the cases in 3D

The general idea is

  • You want to access the latest global data
  • You want to access the latest data for where you live
  • You want to access "an expression of hope" even if the data is nasty

Mentions

Influences on the features

@loleg I'm not sure how best to describe this, but what I wish for in an interactive viz like this, is the ability to discover what's hot and happening "out there". For example, the home page of gitter.im has more or less live messages from around the world. I wonder if we could show positive tweets and expressions of hope and gratitude for the courage of health workers around the world.

Sky Box as an "Expression of Hope"

  • Zoom out then rotate. Trying to read the messages is a little guessing game.
  • The text is huge and leaves much white space. This is so you are not totally distracted while looking at the data.

Messages of hope to add

  • “Do what you can, where you are, with what you have.”

Burning Man / Wild Wild West / Fair

Most of the time I try to create very simple, clean user experiences. Think Google's Material Design and Apple. I generally build tech stuff for techies.

But this is different. We want oldsters and children, tech and non-techies involved. We are seeing thus with painting abd drawing - a move from abstract to figurative, from minimal to pop-surreal.

The idea is to re-imagine the "chart", to turn the representation of quantities into more than mere the calligraphic scrawls we call "numbers".

Love and Hate with the Earth as a globe

Some of the great things about the globe is that yoo know what to do with it. You can spin it, You know the top and bottom bits are kind of boring and not much happens there. You know where you live.

On the other hand, the Pacific Ocean takes half the space and there's nothing there either. And whenever other places of interest there tend to be a ton of then and it's very difficult to attach a sign to one place without covering up the next place.

To do and wish list

Generally / Short term

To Do

  • Add stats to settings
  • Start updating JHU modules
  • State | regional data in its own div
  • Notes as a thing
  • Use main or HTML for init

Places

  • Other large jurisdictions: Brazil, India, Indonesia, Russia

Indicator Bars

  • Replay all stats individually - see last five days of just new cases
  • Code in its own module
  • Show some item of interest at the top of each indicator bar
    • As in all classical columns have a capital
    • Country or state flag?
    • Placards over each bar showing country - 2 letter identifier - & # cases?
    • Ends on Red bars
    • Days since last new case indicated as color or opacity

Pop-ups

  • 2020-04-18 ~ Theo ~ Pop-ups remember size and position between calls

Background

  • 2020-04-15 ~ Theo ~ Background as a gradient
  • 2020-04-15 ~ Theo ~ Sky box as Three.js text
  • 2020-04-18 ~ Theo ~ Sky Box: add messages on the fly
  • 2020-04-14 ~ Theo ~ Settings in their own modules

Sessions

  • 2020-04-06 ~ Theo ~ Current settings save in local storage
    • Globe rotates to the lat/lon onload as set and saved in localStorage
    • Multiple locations & zoom levels
    • Scaled or linear heights
  • Location hash goes to place and set language and other aspects

"Expressions of Hope"

  • Translations with workflow for producing translations
  • Twitter API
  • Add to telephone messages
    • Random messages
    • In browser language
  • Notes to pop-up
  • Add "expressions of hope" such as positive tweets - in language?

Medium Term

Vision of the future

  • New organization?

  • Better geoJson parser JavaScript function

  • Separate timeline pages

  • web pages for counties/provinces

  • Add sound/music? During mouseover and at mouse click or data update

  • Refresh data every few minutes

  • Sun path? Mountains? Flamingos and dolphins?

  • Rebuild oSome globe

  • Themes? Mid-century modern, Burner, pixelated

  • Rotation + zoom - 3D Lissajous path

Statistics

  • Community transmission vs traveller transmission
    • Data in WHO PDF file hard to parse
  • a growing percentage affected per day of each country's population rather than cases detected if we're separating it out by country.

new cases in the past day. divided by the new cases the previous day. More cases is interesting, but far more interesting (to me, anyway) is that if it's increasing. I'd suggest the derivative of the above as well, as I'd like to know if the rate of growth is increasing or decreasing, but I might be the only one that would find that interesting.

User forgiveness

  • Set limits so cannot go too far north or south
Issues
Things you can do using this script
  • Click the three bars( 'hamburger menu icon' ) to slide the menu in and out
  • Click the GitHub Octocat icon to view or edit the source code on GitHub
  • Click on title to reload te page
  • Press Control-U/Command-Option-U to view the source code
  • Press Control-Shift-J/Command-Option-J to see if the JavaScript console reports any errors
Credits and Links of interest

Data sources

Compare sources

About Covid

Dependencies

Trackers

Other 3D visualizations of the COVID-19 data

2D of interest

Geolocation

Globes

Source of bitmaps used on globe

Map Tile Server lists

TopoJson

geoJson

geoJson useful

wikipedia api

wiki geography

WP Chart Templates

Google DSPL

SEDAC

simplemaps

JHU

Cool Three.js Globe handling

tests

Change log

Daily change logs are now in the v-dates/ folders.

2020-04-25: To do and Wish List updates are now in change-log.md