nitaku

nitaku

window.AppView = Backbone.D3View.extend
  initialize: () ->
    # retrieve the grammar from an external file
    d3.text 'tangled.peg.js', (grammar) =>
      editor = new Editor
        model: @model
        grammar: grammar

      @el.appendChild(editor.el)
      editor.render()

nitaku

window.AnnotationView = Backbone.D3View.extend
  namespace: null
  tagName: 'table'
  
  initialize: () ->
    @listenTo @model, 'change:annotations', @render
  
  render: () ->
    annotations_data = @model.get 'annotations'
    

nitaku

nitaku

Collapsible, flippable indented trees.

nitaku

This example uses the Quaternary numbers code previously developed for creating an image map.

A hierarchy of images has been used for testing the approach. The most generic classes in the hierarchy are Plants, Animals and Vehicles. They can be exploded and then navigated by clicking on them. Childrens are visualized as in a Cascaded treemap.

nitaku

This example uses strings of quaternary digits to generate squares in a quadtree. The string acts as a unique identifier for squares of different size and position.

Click here to compare with a Hilbert displacement.

nitaku

nitaku

nitaku

window.AppView = Backbone.D3View.extend
  initialize: () ->
    # retrieve the grammar from an external file
    d3.text 'minidot.peg.js', (grammar) =>
      left = @d3el.append 'div'
        .attr
          class: 'left'
          
      editor = new Editor
        model: @model