Hierarchical grid implementation in Mithril
Switch branches/tags
wikilinks wiki_metadata wiki-toc-pointer-url wiki-preview wiki-preview-inconsistencies wiki-preview-inconsistencies-2 webhook-urls version-downloads validate-size-cap user-profile-fixes url-for upload-error-msg update-email-submission unwatch-button unreg-user-profile unicode_in_str_format unicode_dulwich unicode_dulwich_delete typos travis-retry transaction_middleware tos-pp-footer things-work-when-search-is-down tfa-check tag-guids swap-gravatar-sizes support-emails spsp-dead-link speedup-session-clearing skip-malformed-logs sentry search_on_small_screens search-description-ellipses s3-serialize-settings s3-naming s3-downloads s3-disabling s3-bucket-drop-down s3-auth rubeus-sorting-none rubeus-load rubeus-icons rm-download-count revert-pydocx revert-hotfix-whitespace restore-css reorder_profile_settings reorder-nodes remove-contributor registration_tags registration-language registration-help-text recentactivity readme pydocx-version public-activity-style project-nav project-menu-highlight profile-date-validator production_flags private_link private-registration-label privacy_log password-whitespace parse-upload-error-json osffiles-urls optional-rpy2 nrao-presentation-service non_ascii_wiki_page_names node-resolution node-category nested-project-script multi-word-tags-broken model-reprs missing-reg-template migrate_wiki_files_addons migrate_parents_children migrate_addons merged-users-removed-from-search max-size-warning mako-string-escaping mailgun-unicode-error mail-spam-filter log-visibility log-index-error legal-links legacy-deploy issue893 issue833 issue737 issue715 issue662 issue601 issue472 issue-907 issue-872 issue-695 issue-584 issue-580 is_json_request
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


Treebeard Logo

Develop: Travis build fopr Develop

Master: Travis build for Master

Logo designed by fayetality


Hierarchical data renderer built with Mithril

Using the library

You can install Treebeard with bower. In your project simply run

bower install treebeard --save

Remember to reference the required files through bower_components.

You can also just take the files in /dist folder. You need the css and js files, either minified or in full and add them to your project page.

<link rel="stylesheet" href="path/to/treebeard.css" type="text/css" />
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="path/to/mithril.js"></script>
<script src="path/to/treebeard.js"></script>


If you are using a CommonJS-compatible module loader (e.g. Webpack or Browserify), you can load treebeard like so:

var Treebeard = require('treebeard');

NOTE for Webpack users: Loading Treebeard with Webpack will load its CSS as a module using the style-loader and css-loader. You should configure Webpack to use these loaders for .css files.

npm install style-loader css-loader --save

Add the following to your Webpack config.

// webpack.config.js
// ...
  module: {
    loaders: [
      { test: /\.css$/, loader: 'style!css' },

Read more about using the library in the Wiki: https://github.com/CenterForOpenScience/treebeard/wiki

Installation for Developers

If you are a developer and want to work on the source code use the guide below.

Begin by cloning the project in any way that support your work flow, then go to the main project folder and run the following commands to install dependencies

For NPM:

npm install

for Bower

bower install

then run gulp like this


Gulp will be watching for changes in the CSS, LESS and JS files so any time you change the distribution folder will be automatically regenerated.

If you would like a simple server instance for this app you can install http-server https://www.npmjs.org/package/http-server Install with NPM:

npm install http-server