GithubHelp home page GithubHelp logo

lake-brite's People

Contributors

mattparrilla avatar

Stargazers

 avatar

Watchers

 avatar

lake-brite's Issues

Ameoba Inspired Idea

Robin suggested an amoeba-like representation of the lake data. Here are a couple of different takes on that:

  1. No shape
    • don't clip the data to the lake, just use the entire display
  2. No shape from middle
    • don't clip
    • put baseline plane in middle of display
    • values expand above and below
  3. Abstract, amoeba shape
    • there is a baseline in the middle of the display, not a plane, but a rod like shape
    • measurements cause the shape to expand radially
    • make lake shape much more abstract, (maybe just a rod, truly amoeba like, but maybe right + left arms, like below)

Going with no.2 or no.3, consider coloring by value, not by level.

2015-12-03 13 07 58

Add frame tweening + crossfading functionality

Given a series of 2D frames, "pull" the frames through the "front" so that:

  • the 1st frame of the 2D GIF is the front slice of the first 3D frame, the 2nd frame is the second slice of the first 3D frame, etc.
  • the 2nd frame of the 3D GIF will have the 2nd frame as its first slice
  • the 3rd frame of the 3D GIF will have the 3rd frame as its first slice
  • etc

Add loop indicator

Should be some way to indicate where the animation is within a current loop. Could be a straight line, could be a line that moves around the entire outside that clears on repeat, etc

take animated GIF as input

a number of things can be done:

  1. project GIF onto single slice
  2. project GIF onto all slices by staggering neighboring GIF pixels onto neighboring display slices (this will probably produce an interesting effect
  3. consider transforming GIF in other ways

Fix web app

$ heroku logs
2015-12-04T22:17:04.563496+00:00 heroku[web.1]: Process running mem=1099M(214.0%)
2015-12-04T22:17:04.563496+00:00 heroku[web.1]: Error R14 (Memory quota exceeded)

Air Temperature Graphic

  • Download Data
  • Munge into 1D Array
  • Function to convert 1D array into 2D array
  • Consume 2D arrays (or images) in LakeBrite (pull through one frame at a time)

(Air) Temperature visualization

Roughly one week per strand, time pulls through the X-Y plane with X axis as entire year, Y axis is temperature (also encoded in color) and Z axis is the historical record.

At end of each loop provide an entire set of empty slices so you can tell where you are in the sequence.

Consider a diverging color palette with freezing as the splitting point. Throw out the more neutral, middle colors and go for the more intense blues and reds.

Visualize The Radar

Turn Lake Brite into a 3D radar viewer.

Could pick some interesting weather, put it on a loop with decent speed.

(I modified the cron so that I'm no longer deleting the NOAA source data. Look into AWS to see if they offer historical data. If so, restore the original cron.)

Get around heroku request timeout

2015-12-07T00:35:20.905081+00:00 app[web.1]: Generating 3D Lake GIFs of Total Phosphorus
2015-12-07T00:35:24.535720+00:00 app[web.1]: Rotating matrix
2015-12-07T00:35:24.543958+00:00 app[web.1]: Increasing dimensions
2015-12-07T00:35:25.605849+00:00 app[web.1]: Normalizing values
2015-12-07T00:35:25.601789+00:00 app[web.1]: Stackining frames
2015-12-07T00:35:26.058644+00:00 app[web.1]: Mapping values to colors
2015-12-07T00:35:50.899373+00:00 heroku[router]: at=error code=H12 desc="Request timeout" method=POST path="/lake-gif" host=lake-brite.herokuapp.com request_id=51bfbbeb-7326-4b6c-8eac-63d511c7e55b fwd="162.247.89.226" dyno=web.1 connect=1ms service=30001ms status=503 bytes=0

https://devcenter.heroku.com/articles/limits#http-timeouts

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.