Coder Social home page Coder Social logo

cawlin / qse-mgomentalmodel Goto Github PK

View Code? Open in Web Editor NEW

This project forked from murraygm/qse-mgomentalmodel

0.0 1.0 0.0 3.5 MB

A Qlik Sense extension that creates Mental Model style diagrams (spaces, towers and boxes)

CSS 6.17% JavaScript 93.83%

qse-mgomentalmodel's Introduction

qse-mgomentalmodel

A Qlik Sense extension that creates Mental Model style diagrams (spaces, towers and boxes). These are 3 dimension based hierarchically nested visualisations. This was initially developed to work with Indi Young's user research Mental Models (example uses her Dog Mental Model), but can be used whenever you want to visualise nested dimensions. I've used it to visual display JIRA items (Scenarios > Epics > User Stories).

This is a first pass and needs refinement - best used locally, Qlik Sense 3.# up, (works on Qlik Sense Enterprise 3.2 - but is not recommended for production deployment).

Download zipped extension - release 1 (Jan 2017)

KNOWN ISSUES:

  • Requires live web connection for Google Font use (may impact extension display even if you've not set the Google option).
  • There are display issues if the data has more than 2000 box level items - selction needs to be made to reduce hypercube.
  • For Mental Modellers - the data must be formatted and structure so that it is a flat table with values for Space > Tower > Box on each row.

![MODEL][MODEL] [MODEL]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/dog_clip.png "MODEL"

Lots of options, including:

  • Display Horizontally or vertically
  • Custom styling (fonts, colours)
  • Colour by 4th Dimension or Measure
  • Scaling and size controls
  • Selection control (on Space, Tower, box or multiple)

![props][props] [props]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_props.png "props"

Examples:

Default 3 dimensions.

![eg1][eg1] [eg1]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_35_48.png "eg1"

Use the 'eye' icon is analysis mode to access adhoc scaling and hide/show options.

![eg2][eg2] [eg2]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_36_43.png "eg2"

Override the 'fit height' option and specify a scale.

![eg3][eg3] [eg3]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_37_41.png "eg3"

Add a 4th dimension and use it to colour the boxes (the 3rd dimension) - works best if 1-1 relationship.

![eg4][eg4] [eg4]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_39_07.png "eg4"

Or use a measure to colour the boxes (the 3rd dimension).

![eg5][eg5] [eg5]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_46_05.png "eg5"

Alternatively override the default colours and specify your own.

![eg6][eg6] [eg6]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_49_08.png "eg6"

You can also change the type settings, such as the font, font size and alignment.

![eg7][eg7] [eg7]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_50_40.png "eg7"

Override the models width and scale and force the layout to wrap, giving you a condensed view.

![eg8][eg8] [eg8]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_52_49.png "eg8"

Mental Models work really well when they come in 2 parts. A top (the user's mental model) and a bottom part (your teams ideas to support them). Simple put 2 on the sheet and set the to have the same scale, using the same first 2 dimensions (Space and Tower).

![eg9][eg9] [eg9]: https://github.com/murraygm/qse-mgomentalmodel/raw/master/screensect/mm_59_29.png "eg9"

qse-mgomentalmodel's People

Contributors

murraygm avatar

Watchers

Colin Sproule avatar

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.