Giter Club home page Giter Club logo

cat's People

Contributors

dependabot[bot] avatar jwildfire avatar pburnsdata avatar samussiah avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

cat's Issues

Improved "environment" functionality - Tracking and control of loaded js/css libraries.

Update: Keeping track of env objects was going to be a pain, so refactored to take a much simpler approach

Revised approach

CAT will display links to all loaded <link> and <script> tags under the environment section of the CAT controls. Link tags will have a toggle that allows the user to enable/disable links to see how css effects the charts. Users can add any css files they want to the page hosting the CAT instance to facilitate testing of different environments.

Not going to deal with "unloading" scripts at this time.

Original plan

Add support for new config.env option where config.env is an array with objects that have the following properties:

config.env.label - a human readable name for the environment
config.env.js - an array of paths for javascript to be loaded before rendering the chart
config.css.js - an array of paths for css to be loaded before renderering the chart

Each env option will appear in a drop down along with "none".

Make datasets editable.

it's time-consuming downloading, editing, and uploading a data file. would be nice to be able to edit the data in the browser, with some simple column functions built in.

Pull list of data from viz-library..

rather than adding data to viz-library then adding a reference to CAT.

Test Notes

Opening up the standard CAT instance on github should now show all files listed when clicking on "data" in the nav here

Codebook Loading Icon Issue

Two CSS files were loaded at the same time causing the Codebook loadinf icon styling to change.

To Recreate Bug:
Load and render v1.3.1-dev Codebook - normal loading icon will show
Load and render v1.3.0-dev Codebook - older normal loading icon will show
Switch back to v1.3.1-dev Codebook - huge abnormal loading icon will show

Allow a user to render chart using a local data file (for use within a single session)

Should be doable in new-ish browsers. Tutorials here and here.

Test Notes

Only officially supporting chrome for now, but this functionality should work in FF and Safari (and other modern browsers) as well.

  • New "Choose File" and "Load" controls under the "2. Choose a data set" heading should be shown on load.
  • Load button is disabled by default
  • Info icon should display a note on hover.
  • Browse local files when clicking choose file
  • When a .csv file is selected, the Load button should become active, and a note should appear saying file is ready to load
  • Load button should stay disabled when any other file type is chosen, and a note should appear saying file can't be loaded
  • After clicking load:
    • The file should be added to the data set dropdown
    • A message saying the file was loaded should be shown
    • The file chooser should go back to "No file chosen"
  • Newly loaded files should work in renderers (assuming the data is properly formatted). Best way to test this is in web-codebook, which should renderer pretty much any csv less than a few megabytes.

Figure out how to populate settings form with an array with multiple defaults.

@tbaraldi noticed this issue with the safety-outlier-explorer library, whose details setting is an array that defines multiple defaults:

    ,"details":
        {"type": "array"
        ,"title": "Participant details"
        ,"description": "an array of ID-level variables and associated metadata"
        ,"defaultObject":
            [
                { "value_col": "AGE" , "label": "Age"  },
                { "value_col": "SEX" , "label": "Sex"  },
                { "value_col": "RACE", "label": "Race" }
            ]
        ,"items":
            {"type": "object"
            ,"properties":
                {"value_col":
                    {"type": "string"
                    ,"title": "Variable name"
                    ,"default": "AGE"
                    }
                ,"label":
                    {"type": "string"
                    ,"title": "Variable label"
                    ,"default": "Age"
                    }
                }
            }
        }

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.