SpicyNodes was a system for displaying
hierarchical
A hierarchy (from Greek: , from , 'president of sacred rites') is an arrangement of items (objects, names, values, categories, etc.) that are represented as being "above", "below", or "at the same level as" one another. Hierarchy is an importan ...
data, in which a focus node displays detailed information, and the surrounding nodes represent related information (
Focus + Context), with a layout based on
radial maps. It has web (Flash) and mobile (iOS) implementations. It has ended operation as of 1 January 2018.
Overview
SpicyNodes displays a central node, orbited by related (child) nodes. Each child node can be linked to other child nodes. As the user navigates (changes
focus
Focus (: foci or focuses) may refer to:
Arts
* Focus or Focus Festival, former name of the Adelaide Fringe arts festival in East Australia Film
*Focus (2001 film), ''Focus'' (2001 film), a 2001 film based on the Arthur Miller novel
*Focus (2015 ...
) from node to node, a root path traces the path back to the home node. In a typical implementation, only child and ancestor nodes are displayed. When the user browses, nodes appear and disappear, and the layout rearranges to fit. It is a generic method, with uses ranging from dynamic poetry, to
mind mapping
A mind map is a diagram used to visually organize information into a hierarchy, showing relationships among pieces of the whole. It is often based on a single concept, drawn as an image in the center of a blank page, to which associated represe ...
and
concept mapping
A concept map or conceptual diagram is a diagram that depicts suggested relationships between concepts. Concept maps may be used by instructional designers, engineers, technical writers, and others to organize and structure knowledge.
A conc ...
.
Advantages
* Visual browsing – Similar to other
concept mapping
A concept map or conceptual diagram is a diagram that depicts suggested relationships between concepts. Concept maps may be used by instructional designers, engineers, technical writers, and others to organize and structure knowledge.
A conc ...
tools, SpicyNodes allows authors to display visual thoughts and links between information, and publish an information map for users to browse.
* Non-linear – Users can jump from node to node, or descend into a tree to find specific information. Since the number of nodes increases exponentially with the number of orbits, a user can find a piece of information in only N clicks/taps, while navigating a space of X
N nodes, where X=average nodes per orbit. Conversely, node layouts are inefficient for reading contiguous pieces of content in a linear manner.
Disadvantages
* Displays a subset – Only a limited number of nodes can fit on a typical screen at once, which requires a large enough screen to fit the nodes, and means it is usually not possible to display all the nodes simultaneously.
* Balanced branches – Layouts only make sense if there are balanced branches with fewer than two dozen child nodes. A typical implementation requires an average of 2-10 linked/child nodes per node. Too few, and the layout becomes a string of pearls. Too many, and the nodes do not fit.
Background
SpicyNodes is a
radial tree
Radial is a geometric term of location which may refer to:
Mathematics and Direction
* Vector (geometric), a line
* Radius, adjective form of
* Radial distance (geometry), a directional coordinate in a polar coordinate system
* Radial set
* ...
layout engine, modified using
force-based algorithms, bias controls, and variable pivot point. It also uses an approach similar to
hyperbolic tree
A hyperbolic tree (often shortened as hypertree) is an information visualization and graph drawing method inspired by hyperbolic geometry.
Displaying hierarchical data as a tree suffers from visual clutter as the number of nodes per level can gr ...
s to reduce sizes far from the focus node. Key aspects of the method are publicly described.
The layout is adaptive, changing as the user clicks from node to node, to minimize cluttering. Nodes can contain any content (formatted text, images, videos, etc.) or links to other nodes or content. There is a "focus" node, and users change
focus
Focus (: foci or focuses) may refer to:
Arts
* Focus or Focus Festival, former name of the Adelaide Fringe arts festival in East Australia Film
*Focus (2001 film), ''Focus'' (2001 film), a 2001 film based on the Arthur Miller novel
*Focus (2015 ...
from node to node.
The algorithm was developed by Michael Douma and colleagues at
IDEA.org, starting in 2005. The layout algorithm is based on the work of Yee and his associates, and the underlying mechanics have been further described in papers and talks at conferences on
Information visualization
Data and information visualization (data viz/vis or info viz/vis) is the practice of designing and creating Graphics, graphic or visual Representation (arts), representations of a large amount of complex quantitative and qualitative data and i ...
,
on
Museums and the Web
MuseWeb (formerly Museums and the Web) is an annual international conference in the field of museums and their websites. It was founded and organized by Archives & Museum Informatics and has taken place each spring since 1997 in North America, a ...
, and on
distance education
Distance education, also known as distance learning, is the education of students who may not always be physically present at school, or where the learner and the teacher are separated in both time and distance; today, it usually involves online ...
.
Early implementations include:
: (a) Genealogical browser of the
Greek Gods
In ancient Greece, deities were regarded as immortal, anthropomorphic, and powerful. They were conceived of as individual persons, rather than abstract concepts or notions, and were described as being similar to humans in appearance, albeit larg ...
released in March 2006 in the
WebExhibits online museum. The family tree browser was used as a teaching resource in Russel Rice's high school 'Mythology' course.
: (b) A master's thesis in 2007.
: (c) Virtual exhibit navigation for three online exhibits (Daylight Saving Time, Calendars, Poetry forms) released in 2008 in the WebExhibits online museum.
Current implementations
* Web-based – A web-based platform for authoring and publishing node maps. is available as a
Software as a service
Software as a service (SaaS ) is a cloud computing service model where the provider offers use of application software to a client and manages all needed physical and software resources. SaaS is usually accessed via a web application. Unlike o ...
, built on
Adobe Flash
Adobe Flash (formerly Macromedia Flash and FutureSplash) is a mostly discontinuedAlthough it is discontinued by Adobe Inc., for the Chinese market it is developed by Zhongcheng and for the international enterprise market it is developed by Ha ...
, provided with both free and paid versions by the original development team at
IDEA.org, launched in 2009. It has an
open API
An open API (often referred to as a public API) is a publicly available application programming interface that provides developers with programmatic access to a (possibly proprietary) software application or web service. Open APIs are APIs that ...
. Received a "Best Website for Teaching and Learning" award in 2011 from
American Association of School Librarians (AASL), and voted #edchat's 35 Best Web 2.0 Classroom Tools in 2010.
It has been used for presentations in professional conferences and meetings.
There are third party guides, reviews regarding general usage, and instructional design.
The web implementation allows embedding in a blog, and can also be run as a form of slide show where each node corresponds to a slide.
* Multitouch – The first multitouch implementation of SpicyNodes was as part of the
WikiNodes multitouch
In computing, multi-touch is technology that enables a surface (a touchpad or touchscreen) to recognize the presence of more than one point of contact with the surface at the same time. The origins of multitouch began at CERN, MIT, University o ...
Wikipedia browser for the
Apple
An apple is a round, edible fruit produced by an apple tree (''Malus'' spp.). Fruit trees of the orchard or domestic apple (''Malus domestica''), the most widely grown in the genus, are agriculture, cultivated worldwide. The tree originated ...
iPad
The iPad is a brand of tablet computers developed and marketed by Apple Inc., Apple that run the company's mobile operating systems iOS and later iPadOS. The IPad (1st generation), first-generation iPad was introduced on January 27, 2010. ...
, and launched in April 2011.
Related, but different implementations
For authoring, there are related
mind mapping and concept mapping products, such as
FreeMind
FreeMind is a free mind mapping application written in Java, which is further developed by the fork Freeplane. FreeMind itself was last updated in 2014. FreeMind is licensed under the GNU General Public License Version 2. It provides extensive ...
.
Typically these do not allow the end user to change focus from node to node. For display, there is analogous software for moving node to node, including: ''Visual Thesaurus'' from ThinkMap, ''TuneGlue,''
Lexipedia, and
Prefuse Flare, and the
Discovr apps. (The ''Discovr'' app, which also uses radial layouts, with a different layout algorithm which is primarily force-based.)
See also
*
IDEA.org – the organization that researched and developed the method
*
Radial tree
Radial is a geometric term of location which may refer to:
Mathematics and Direction
* Vector (geometric), a line
* Radius, adjective form of
* Radial distance (geometry), a directional coordinate in a polar coordinate system
* Radial set
* ...
– the general type of layout algorithm
External links
*
References
{{Mindmaps
Knowledge representation software
Graph drawing software
Concept mapping software
Mind-mapping software
Presentation software