Giter Club home page Giter Club logo

cns-iu / xmacroscope Goto Github PK

View Code? Open in Web Editor NEW
4.0 7.0 3.0 163.09 MB

The xMacroscope provides a way for museum visitors to build and interpret visualizations that use data generated by the visitors during their exhibit experience.

Home Page: https://xmacroscope.org

License: MIT License

TypeScript 94.23% JavaScript 3.65% HTML 1.06% CSS 0.35% C++ 0.04% Shell 0.08% SCSS 0.54% Sass 0.03% Dockerfile 0.01%
angular visualization typescript graphql react apollo musetech museums mapbox

xmacroscope's Introduction

xMacroscope

Shipping faster with ZenHub Build Status GitHub last commit license View Staging Site View Demo

The xMacroscope project will develop a rapid-prototyping research and exhibit design platform for use in the science museum environment.

The xMacroscope provides a way for museum visitors to build and interpret visualizations that use data generated by the visitors during their exhibit experience. The integration of data gathered via motion sensors, combined with an easy-to-use interface that guides visitors in building various types of data visualizations using that sensor data, will provide a novel platform for conducting research on the efficacy of different methods for improving data visualization literacy.

This project is a work in progress, under active development. It is not ready for a production deployment yet.

Credits

The xMacroscope project is a collaboration between:

National Science Foundation logo The xMacroscope project is supported by the National Science Foundation, Advancing Informal STEM Learning (AISL - 1713567).

xmacroscope's People

Contributors

adphillips2017 avatar axdanbol avatar azuldev1 avatar bherr2 avatar brandonwkipp avatar bryankennedy avatar edlu77 avatar gurjaspalbedi avatar heidgera avatar hsjoshi28 avatar mtgallant avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

xmacroscope's Issues

add progress indicator

During a guided experience that helps me create a layered visualization, the visitor would like to be oriented to where they are in the experience (e.g. you're on screen 2 of 5). #27

view data table

As a user, I want to see data from the exhibit in the format of a data table to increase my understanding.

make it all about me

As a user, I would like the experience to be "me" centric: first show me and then add more information about me. (need more clarity on this one). #33

compare with avatar

As a runner, I would like to compare my run time with the avatar I chose to run against. #18

Simple viz with new data highlighted

As a visitor who does not want a deep interaction, show me a simple visualization with new data very obvious, combined with a simple prompt. This will allow me to take away a new insight even though I only have a brief amount of time and attention to dedicate to this exhibit experience. #22

Add/remove fields from Persona

@bherr2 commented on Thu Feb 15 2018

Update classes, generators, etc for Persona

DELETE:

  • name
  • handedness

ADD:

  • altitude: number; // Feet above sea level?
  • height: number; // Inches?
  • weight: number; // Lbs? - But may be displayed as Blood Volume
  • athleticism: 'fast' | 'slow';
  • isMocked: boolean; // If data is generated or 'real'

Update:

  • state, latitude, and longitude stay, but is not displayed as options in the UI. They are derived from the zipcode.

@bherr2 commented on Thu Feb 15 2018

This is put on hold until we get consensus from the stakeholders on what fields to use.

show null data

As a subject matter expert, it is important to allow for missing data, and for people to be able to recognize that data is missing (e.g. spots with no data are shown in gray).

zip code entry by user

As an administrator, I would like users to enter their zip code so I can tie that to many other types of available data.

layer the MAV experience by variable

As a user I would like you to scaffold the experience of building a visualization. Layer the complexity by variable. First show me in relation to others of my age, then sex, then footwear, then height, etc.. #23

edit persona from MAV station

As a runner, I would like the ability to enter or change data at the make-a-viz station, not just at the entry screen before I run. #32

add pause button

As a visitor I would like the choice to prioritize either live data or to freeze the data for a minute so I can compare (hit the pause button). #29

add an "advanced" button

As an advanced user, I would like an "advanced" button I can select to take me to a more advanced experience where the information is targeted to my level. #30

guide user through construction of a visualization

As a user, my path through the make-a-viz experience might look like this: show me something interesting without my having to make a choice, then ask me if I would like to see y or x (then add me), and then ask me if I would like to see x+y (then add me). #24

compare with my group

As a runner, I want to compare my data to that of others in my group (the group I came to the museum with, my previous efforts, or others like me).

Add shoe type to signup screen

As a museum visitor I would like shoe type as a data field, so I can see if this affects run time (e.g. high heels, flip flops, tennis shoes, boots, wheels - can pick from pictures).

data table as a tab in MAV

As a Make-A-Viz user, I'd like to see a data table as a tab so I can toggle between various visualization types and the table. This helps me understand how the data is represented in the visualizations. #44

Pick the shape and color of my persona

As I user, I want to pick the shape and color of my persona when entering my data at the beginning of the experience - this will help me remember which one is me. #14

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.