Code Monkey home page Code Monkey logo

dci-demo's People

Contributors

elliottregan avatar mathematicalmichael avatar

Watchers

 avatar  avatar

dci-demo's Issues

[low priority]: labels

  • labels are cut off by header, could we make the angle more like 30 degrees instead of 45?
  • alternatively, move the d3 viz down a little bit and keep the angle

Features

Instead of the preview given in food/index.html, show the full data set that will be exported (or top 20 entries for speed, whatever), in the way that this does:

https://bl.ocks.org/syntagmatic/raw/482706e0638c67836d94b20f0cb37122/

  • ability to bring axes back into view after dragging off screen (checkboxes for show/hide rather than drag offscreen is more than acceptable)

  • preview export

  • disable scrolling. Only interference with mobile compatibility is that you can accidentally scroll the page instead of dragging on a column.

  • be able to load in arbitrary column names from csv (seems already possible but code crashes because of hard-coded column names for categories, which we do not need anyway).

  • categories section has no relevant counterpart in our dataset. Get rid of it entirely, it’ll never be relevant for what we are doing. The equivalent filtering would have already been performed in the computations by the time we’re visualizing this dataset.

  • keep dark mode, keep/exclude buttons, export,

  • rotate column labels 45°

remove all irrelevant stuff

  • no longer nutrient explorer. some vestiges still remain.
  • food shows up in comments a number of times.
  • coloring by group no longer relevant

remove all unnecessary modules

Preview filtered options

User feedback:

  • display preview of budgets below (we already discussed this), BUT we need to also enable the ability to
  • on hover for a row, highlight selected line
  • convert quantities
    • user should be able to select frequency of paycheck and the displayed results in preview get converted appropriately (e.g. if paid biweekly but a category is monthly, multiply by 12/26 before showing result). Should have no impact on original dataset, only the exported version. All math conversion done in JS on front-end. Frequency of expenses is part of the column name (only way to pass the info from model to viz without new files).
  • export both versions (converted/amortized and original)

still left to do

  • brushing on an axis all the way on the left that has numbers over 10,000 fails to highlight the first digit (e.g. brushing will show 6000-7000 instead of 16k-17k). Display issue, not functionally problematic
  • loading bar seems to have numerator and denominator reversed
  • preview the whole row from export, not just title given to it. (I may be able to handle that)
  • show more than 25 items, allow scrolling in preview

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.