Git Product home page Git Product logo

organogram's Introduction

organogram Maintainability

Displays an organogram using a radial Reingold–Tilford tree

Installation

Download the latest release from https://github.com/timgentry/organogram/releases, extract the archive and then open the file dist/organogram.html in a browser.

Or install it yourself by cloning the project, then execute:

$ yarn install
$ yarn start

Usage

Drag and drop an Excel (xlsx) spreadsheet anywhere on the page in the browser and you will be asked to specify the following fields, from the list of populated column names in the spreadsheet:

  • Reference - column uniquely identifying staff members which is also used in the Reports To column, could be a ESR number, email adress, etc
  • Reports To - column identifying the staff member's line manager
  • Label - column identifying the staff member's label on the organogram, could be their name or role
  • Pay Grade - column identifying the staff member's pay grade. The example currently copes with AfC and Civil Service pay grades.
  • Size - column identifying the size of the staff member's dot on the organogram. Typically their WTE or weekly hours.

Once selected, click Generate to generate the organogram.

If successful, you will be able to download the organogram as an SVG or PDF (with a choice of page sizes).

Contributing

  1. Fork it ( https://github.com/timgentry/organogram/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

organogram's People

Contributors

timgentry avatar dependabot[bot] avatar

Watchers

 avatar James Cloos avatar

Forkers

noo-bass

organogram's Issues

Automatically identify Reference columns

As a user
I want the list of potential reference columns to be limited down to columns that are (almost) entirely unique within the list of records
So that it's easier to generate an organogram

Still reporting multiple roots

The logic to filter blank rows and report multiple roots does not work in all circumstances, so D3 is still reporting the uninformative "multiple root" error message.

Graceful handling of poor quality data

The organogram should be able to cope with the following issues:

  • Missing parents, including missing root staff member; where parent identified but not in list
  • Blank parents; where more than one record appears as the root

Auto adjust label font size

As a user
I want the label font size to automatically adjust according to the length of the longest label
so that it doesn't overlap with child nodes.
It's done when:

  • Labels are the right size, regardless of label length, browser or OS.

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.