BACKGROUND
developmental biology is a data-intensive science.
during the last two decades the primary means of archiving and accessing experimental results has shifted from traditional printed publications to digital repositories and web sites  <cit> .
this transition was driven by the need to mange the rapidly growing amount of data describing embryogenesis, integrate heterogeneous data, represent this data within the context of space and time, and enable cross-species comparisons.
development of the first digital atlas took place in the early 1990s.
these authors constructed a 9-day mouse embryo in 3d using serial sections at histological resolution, with plans to later incorporate spatially-based gene expression data  <cit> .
since that time, many anatomical atlases and gene expression databases have been developed for a number of species, by both individual laboratories and multi-institution teams.
development of these resources has required partnering with computer science and informatics researchers.
areas of partnership include not only designing interactive web-based tools and improving methods of image capture and analysis, but also developing standards for data integration.
efforts to standardize elements of research  began decades before the introduction of digital repositories  <cit> .
but standards are particularly important for digital repositories because the ability of users to find information relevant to their needs—and to make sense of what they find—is determined by the quality and consistency of the data and its annotations.
the gene ontology  is a prominent example of an effort to develop semantic standards for molecular biology.
go allows biologists to describe the role of gene products shared across eukaryotic organisms  <cit> .
it is widely used to cluster results of large-scale differential gene expression studies into functional categories, and has an important role in representing and aiding the discovery of gene regulatory networks  <cit> .
the representation of anatomy often receives less attention than the representation of genes, but is crucial because studies of gene expression must document not only the genes studied but also the anatomical location of the expression.
these annotations are most useful when they represent anatomy in ways that are explicit, standardized, and can be understood by researchers without expert knowledge of the species represented.
methods for curating information about the anatomy of model organisms have evolved in parallel with methods for disseminating experimental data.
traditional print-based atlases have long been used to document anatomy and standardize terminology for structures and developmental stages.
online atlases provide additional benefits because they  allow data such as high-resolution two-dimensional  images, three-dimensional  reconstructions, and movies to be shared,  can be updated frequently, and  can link to external resources or incorporate content maintained by other sites.
the task of representing an organism’s anatomy during development is inherently complex.
as shown in fig.
<dig>  a complete description would account for three-dimensional structure at scales spanning gross, histological, and molecular anatomy, each throughout the time of development.
managing knowledge and data within this space-scale-time matrix presents a tremendous challenge.
but it is also an opportunity to develop online atlases that not only provide anatomical descriptions, but also use anatomy as a framework for organizing and sharing data  <cit> .fig.
<dig> the components of a complete anatomical description.
a complete description of an organism’s anatomy during development would account for three-dimensional structure at scales from gross to histological to molecular anatomy, and throughout the time of development
in order to develop atlases that will successfully serve as data portals for developmental biologists, research in a number of areas is crucial.
these include development of web technologies for delivering volumetric image data over the web  <cit>  and tools to support comparing data from disparate sources within a common spatial environment  <cit> .
work related to gene expression data includes capture of quantitative expression data  <cit> , mapping expression data to 3d graphics  <cit> , visualization of data across time and space  <cit> , and automating annotation of expression patterns with anatomical terms  <cit> .
atlases could also provide tools to aid researchers in analysis of their own data, such as feature for more precisely describing a specimen’s stage based on interpolating between reference stages  <cit> .
atlases serving as data portals will require tightly integrated spatial and semantic representations as users alternate between image-based and term-based navigation and data retrieval.
therefore, in addition to research rooted in the fields of computer science and informatics, expertise is also needed from the fields of interaction design  and knowledge representation .
as shown in fig.
<dig>  the type of semantic representation determines the level of meaning captured within the representation.
a controlled vocabulary is a list of terms within a specific domain.
a taxonomy is a controlled vocabulary with hierarchical is_a relationships.
an ontology is a taxonomy with additional relationships such as has_part and develops_into.
the information provided by these relationships is necessary for developing atlases that link together data across space and time.fig.
<dig> levels of complexity in semantic representation.
a controlled vocabulary is a list of defined terms.
a taxonomy is a controlled vocabulary with a hierarchical structure formed by is_a relationships between pairs of terms.
an ontology is a taxonomy with additional relationships, such as part_of
this article examines online resources for developmental biologists with an emphasis on semantic and spatial representation and interface design.
i first survey  <dig> anatomical atlases and  <dig> gene expression resources for methods of anatomical representation.
i then present a collection of patterns for interface design that demonstrate the variety of approaches used for anatomical representation, user interaction, and navigation with the atlases and databases.
the purposes of this work are to  assist biologists and software developers in planning the interfaces of new atlases and databases or enhancing existing ones, and  demonstrate the benefits of standardizing semantic and spatial representations of anatomy.
RESULTS
anatomical atlases
for the purpose of this work, an anatomical atlas is defined as a resource that provides spatial representations of a body or region of a body, plus a set of anatomical terms which are associated with regions of the representations.
i identified  <dig> online anatomical atlases describing organisms commonly used by developmental biologists.
descriptions of each atlas are provided in table  <dig>  the six species represented  are caenorhabditis elegans , ciona intestinalis , drosophila , medaka , mouse , and zebrafish .
eight atlases have a spatial scope of the entire body, while others are limited to the brain , vasculature , midgut , or craniofacial skeleton .
with the exception of one atlases for c. elegans and both drosophila atlases, all atlases include a description of at least some developmental stages.table  <dig> summary of anatomical atlases surveyed
c. elegans
http://wormatlas.org
openworm browser
http://browser.openworm.org
ciona intestinalis
aniseed
http://www.aniseed.cnrs.fr
ascidian network for in situ and embryological data
http://tunicate-portal.org/faba/ <dig> /top.html
four-dimensional ascidian body atlas
drosophila
http://flygut.epfl.ch
http://www.virtualflybrain.org
http://www.shigen.nig.ac.jp/medaka/medaka_atlas
http://developingmouse.brain-map.org/static/atlas
http://www.emouseatlas.org/emap/ema/home.html also known as the edinburgh mouse atlas
<cit>
<cit>
<cit>
<cit>
<cit>
https://www.facebase.org/fishface/home
http://www.fishnet.org.au
http://zfish.nichd.nih.gov/intro%20page/intro <dig> html
http://zebrafish.anatomyportal.org
zebrafish anatomy portal
http://bio-atlas.psu.edu/zf
table  <dig> lists the types of anatomical representations used within each atlas.
types of graphics included confocal micrographs, transmission electron micrographs , histological sections, 3d reconstructions from histological sections, 3d surface models, illustrations, and brightfield movies.
six of the atlases stated that a controlled vocabulary or ontology was used as a source of terms for anatomical structures.table  <dig> anatomical representations within the anatomical atlas
c. elegans
• illustrations
• dic micrographs
• fluorescence micrographs
• confocal micrographs
openworm browser
ciona intestinalis
drosophila
• fluorescence micrographs
drosophila anatomy ontologyc
• histological sections
• opt scans
a abbreviations: dic differential inference contrast, tem transmission electron micrograph, sstem serial section transmission electron micrograph, opt optical projection tomography
b the faba established the developmental stages used in the ciona developmental ontology
c the vocabulary from the insect brain name working group  <cit>  was incorporated into the drosophila anatomy ontology as part of the development of the virtual fly brain atlas
gene expression atlases and databases
for this work, a gene expression atlas or database is defined as a resource that combines evidence of gene expression with a representation of the anatomical region of the expression.
because this work emphasizes spatial representations, resources consisting only of microarray data were excluded.
i identified  <dig> resources for gene expression.
descriptions of each atlas or database for gene expression are provided in table  <dig>  the eight species represented  are caenorhabditis elegans , chicken , ciona intestinalis , drosophila , medaka , mouse , xenopus , and zebrafish .
the spatial scope for  <dig> of the resources is the entire body.
others are limited to brain, nervous system, or urogenital system .
all resources include at least one developmental stage.table  <dig> summary of gene expression atlases and databases surveyed
c. elegans
http://gfpweb.aecom.yu.edu/index
http://www.wormbase.org
http://geisha.arizona.edu/geisha
gallus expression in situ hybridization analysis
<cit>
ciona intestinalis
http://www.aniseed.cnrs.fr
ascidian network for in situ and embryological data
drosophila
http://insitu.fruitfly.org/cgi-bin/ex/insitu.pl
berkeley drosophila genome project
<cit>
http://flybase.org
<cit>
http://www.flyexpress.net
http://fly-fish.ccbr.utoronto.ca
http://mepd.cos.uni-heidelberg.de/mepd
medaka expression pattern database
<cit>
http://developingmouse.brain-map.org/agea/show
anatomic gene expression atlas of the allen developing mouse brain atlas
<cit>
<cit>
http://embrys.jp/embrys/html/mainmenu.html
note: no longer available online
http://www.emouseatlas.org/emage/home.php
e-mouse atlas of gene expression
<cit>
<cit>
<cit>
<cit>
http://www.eurexpress.org/ee
http://www.informatics.jax.org/gxd
mouse gene expression database
<cit>
<cit>
http://www.gensat.org/index.html
gene expression nervous system atlas
http://genepaint.org
http://www.gudmap.org
genitourinary molecular anatomy project
<cit>
xenopus
http://www.xenbase.org
http://genomics.crick.ac.uk/apps/xenmark
http://bio-imaging.liacs.nl/liacsgems.html
note: no longer available online
gene expression management system
http://zfin.org
zebrafish model organism database
<cit>
table  <dig> lists the anatomical representations used within each gene expression atlas or database.
types of graphics documenting expression patterns include brightfield micrographs showing a colorimetric assay for expression in both histological sections and whole mounts, confocal micrographs, and 3d models with the region of expression highlighted.
at least eight of the resources rely primarily on submissions of data from the community, and therefore various types of graphics are presented across different database entries.
all resources use anatomical terms to describe regions of expression.
however, only  <dig> use terms from controlled vocabularies or ontologies.
the other resources appear to use project-specific vocabularies.table  <dig> anatomical representations within the gene expression atlases and databases
c. elegans
• confocal micrographs
c. elegans gross anatomy vocabulary
ciona intestinalis
drosophila
xenopus
a abbreviations: dic differential inference contrast, aero images are a series of 2d images captured at 2-degree intervals  <cit>
b abbreviations: daoz developmental anatomy ontology of zebrafish, mfo medaka fish anatomy and development ontology, xao xenopus anatomy ontology, zao zebrafish anatomy ontology
semantic representation: controlled vocabularies and ontologies
table  <dig> lists the controlled vocabularies and ontologies used in the resources surveyed.
this survey revealed that a total of  <dig> vocabularies or ontologies are used.
each includes terms relevant to adult anatomy, developmental anatomy and stages, or both.
seven organisms are represented .
as shown in table  <dig> , each vocabulary and ontology was developed by one of the groups creating an atlas or database included in tables  <dig> and  <dig> table  <dig> controlled vocabularies and ontologies relevant to this survey
c. elegans
http://bioportal.bioontology.org/ontologies/wb-ls
ciona intestinalis
http://bioportal.bioontology.org/ontologies/ciinteado
drosophila
flybasea
<cit>
http://bioportal.bioontology.org/ontologies/fb-dv
http://bioportal.bioontology.org/ontologies/mfo
http://bioportal.bioontology.org/ontologies/ma
http://help.brain-map.org/display/api/atlas+drawings+and+ontologies
gxd
http://bioportal.bioontology.org/ontologies/emap
<cit>
xenopus
http://bioportal.bioontology.org/ontologies/xao
http://bio-imaging.liacs.nl/liacsontology.html
http://bioportal.bioontology.org/ontologies/zfa
a the vocabulary or ontology was developed by the group constructing this atlas or database
several atlases and gene expression resources demonstrate how the relationships within ontologies can contribute to the usefulness of interfaces by enhancing search functions or providing links between relevant information:part relationships: emage  <cit>  and gxd  <cit>  are databases for gene expression in the mouse, and both have a search function that accepts a term for an anatomical structure and returns genes expressed in that structure.
these databases make use of the part hierarchies in the emap anatomy ontology  <cit>  and adult mouse anatomy   <cit>  to return results annotated with either the term entered by the user or the parts of that structure.
for example, a search for genes expressed in “eye” will return genes annotated with “eye”, “retina”, and “lens vesicle”.
developmental relationships: searches for gene expression in an anatomical structure can be expanded by including structures linked by developmental relationships.
the xenbase gene expression database  <cit>  provides an option to include successor and predecessor structures in search results.
these relationships are provided by the xenopus anatomy ontology   <cit> .
developmental relationships also provide a way for users to navigate an atlas or database along developmental pathways.
gudmap  <cit>  is a database of gene expression in the mouse urogenital system.
it employs the derives_from and differentiates_into relationships as links between the tissue summary pages with include gene expression data.
this enables a user examining data annotated with “early distal tubule” to follow the differentiates_into relationship to data annotated with “renal distal tubule”.
structural relationships: structural relationships allow a resource to present knowledge specific to an anatomical context.
for example, the virtual fly brain  <cit>  provides an interface that uses the has_presynaptic_terminal_in and has_postsynaptic_terminal_in relationships for nerves in the drosophila anatomy ontology  <cit> .
for example, when viewing the medulla in the atlas, lists are generated for neurons with presynaptic and postsynaptic terminals the medulla.
producing the list of neurons requires two types of knowledge from the ontology:  which anatomical structures are part_of the medulla,  each neuron that has_presynaptic_terminal_in or has_postsynaptic_terminal_in those parts.
ontologies also provide an opportunity to link resources to each other.
for example, each anatomical term in the zebrafish anatomy portal   <cit>  is linked to a page in zfin  <cit>  that defines the term and provides ontological relationships.
spatial representation: 2d and 3d graphics
the atlases and databases in this survey demonstrate several ways that spatial representation of anatomy can be enhanced in a web-based resource:graphics of developmental stages: the process of development can be studied only if it is represented in ways that are sufficiently rich in detail and reasonably standardized — a challenge as old as embryology itself  <cit> .
web-based atlases are able to represent spatial structure and time-based processes in way that traditional print-based resources cannot.
for example, the four-dimensional ascidian body atlas   <cit>  defines stages for c. intestinalis with confocal image stacks and time-lapse movies, and the e-mouse atlas provides 3d reconstructions of embryos for many theiler stages.
standardization of annotation for developmental stages is necessary for sharing data among laboratories, and atlases provide an easy way to access stage descriptions.
high-resolution histological sections: glass histology slides have long been used for studying histology.
virtual slides are created by scanning and digitizing glass slides, and the experience of using a microscope is simulated through web applications that allow zooming and panning of the image.
virtual slides are provided by the zebrafish atlas  <cit>  and e-mouse atlas  <cit> .
visual representation of ontological terms: web-based resources provide an environment in which to link semantic and spatial representations of anatomical structures.
for example, the allen developing mouse brain atlas  <cit>  and the virtual fly brain  <cit>  provide linked term-and-graphic windows that provide a view of both the ontology used and structures annotated with those terms.
the zebrafish anatomy portal   <cit>  provides a search function that takes a term from the zebrafish anatomy ontology and returns planes of reconstructions from optical projection tomography  scans labeled with the term.
correlating spatial data among specimens and experiments: for gene expression patterns to be useful, they must be annotated in a way that allows users to find genes that are expressed in regions of interest and to study co-expression patterns.
four methods are used to annotate expression patterns within the resources surveyed:  the first method is manual annotation of each specimen using terms from a controlled vocabulary or ontology.
this method enables only text-based queries, and will be inaccurate where expression patterns do not correspond to the borders of defined anatomical regions.
the second approach relies on computational annotation and preserves the spatial nature of the data.
in this approach, the expression pattern of each specimen is registered to a stage-matched standard volume through spatial warping enabling spatial queries to be performed across the dataset.
this is used by the e-mouse atlas of gene expression   <cit>   and allen developing mouse brain atlas  <cit>  .
a third approach, used by xenmark  <cit> , relies on a manual annotation process in which specimen expression patterns are drawn onto stage-specific schematic diagrams  <cit> .
this method avoids the computational complexity of spatial warping, but allows spatial searches from the schematics.
a fourth approach is to compute similarity scores between pairs of images, instead of mapping to a stage-specific standard.
this method is used by flyexpress  <cit>  on sets of 2d images of drosophila embryos that are uniformly oriented and assayed under the same conditions  <cit> .
patterns for interface design
in order to document and generalize the approaches for conveying information about anatomy that are used in these atlas and databases, i compiled a set of patterns.
patterns are reusable solutions to design problems, and are of great interest in interface design  <cit> .
the patterns i have identified focus on graphic representation, user interaction, and navigation.
from the anatomical atlases i identified a total of  <dig> design patterns, shown in figs.
<dig>   <dig>   <dig> and  <dig>  these patterns provide methods for displaying graphics, integrating semantic and spatial representations, and organizing atlas information.
they are grouped into eight categories:fig.
<dig> interface design patterns for displaying 2d graphics and sectional graphics
fig.
<dig> interface design patterns for displaying 3d graphics and labeling graphics
fig.
<dig> interface design patterns for presenting topic-focused information and defining anatomical terms
fig.
<dig> interface design patterns for organizing information about developmental stages and describing development using graphical methods
displaying 2d graphics
displaying sectional graphics
displaying 3d graphics
labeling graphics
presenting topic-focused information
defining anatomical terms
organizing information about developmental stages
describing development using graphical methods
each pattern has a title, description, examples of use, and simple pictorial representation.
for example, one pattern in the category of “displaying 2d graphics” is “overview plus detail.” this pattern pairs a small overview graphic with a large zoomable graphic.
a box on the small graphic indicates the region shown in the zoomable graphic.
this pattern can be used when high-resolutions graphics are available and it is important to allow the user to zoom into details.
this pattern is used within the e-mouse atlas  <cit> , virtual fly brain  <cit> , wormatlas   <cit> , and zebrafish atlas  <cit> .
from the gene expression atlases and databases i identified  <dig> patterns that provide methods for querying databases to find genes expressed in anatomical structures and display the results.
these patterns are shown in figs.
<dig> and  <dig>  and are grouped into four categories:fig.
<dig> interface design patterns for textual and graphical methods of querying a gene expression database
fig.
<dig> interface design patterns for displaying query results from a gene expression database and explaining anatomical annotations
providing textual methods for querying a gene expression database
providing graphical methods for querying a gene expression database
displaying query results from a gene expression database
explaining anatomical annotations in a query result item
a few of the patterns that i present here have been previously identified in other pattern collections.
in these cases i have retained the names given by previous authors   <cit> .
discussion
this collection of design patterns can be used as a catalyst for conversations between biologists and software developers.
because they provide a user-focused perspective, they can support discussions of methods for exploring and retrieving anatomically-based information and can serve as building blocks for interface specifications.
the patterns also help to clarify how interface functionality is constrained by the investment in semantic and spatial standardization.
for example, one of the most intuitive ways to query a gene expression pattern database is by specifying a point or region on a standardized image, but this requires that the expression data have been mapped to a spatial standard.
this work documents the variety of ways anatomical information has been communicated in online atlases and databases.
part of this variability is due to differences in the types of data available, purposes of the resources, and the characteristics of the organism.
but it also reflects the large number of design solutions that are possible.
because this survey did not include resources presented as downloadable software, there are likely to be additional patterns for representing anatomy.
using the patterns to support user needs
when applied to developing or expanding a particular online resource, this work should be considered in the context of two important considerations: “what are the information needs of the users?” and “what information assets are available to use in building the resource?” the patterns act as intermediaries between the users’ questions and the information assets.
figure  <dig> provides a scenario that uses ten of the patterns in an imagined resource.
this resource provides an anatomical atlas and gene expression database, and uses information assets including an ontology , spatial standards, a graphics collection, and gene expression data.
in this scenario, user needs include obtaining information about the meaning of anatomical terms and finding data related to development of a particular anatomical structure.fig.
<dig> scenario for an online resource combining an anatomical atlas with gene expression data.
questions by users  serve as entry points to pages using the design patterns.
arrows represent links between pages using different patterns.
four types of information assets  are shown in the center.
lines extending from the information assets indicate some of the patterns that incorporate those assets
designing for new types of data
looking to the future, standardized spatial representations will be key to communicating and integrating new types of data.
emerging techniques for “spatially resolved omics”  <cit>  provide high-throughput measurements of gene expressions while preserving detailed spatial information.
for example, microtomy sequencing provides gene expression data from individual cryosections of a specimen.
recent work with zebrafish embryos extends this approach by analyzing data from embryos sectioned along orthogonal body axes using image reconstruction algorithms to produce 3d expression patterns—a technique called rna tomography   <cit> .
the detailed spatial data produced by large-scale gene expression studies are unlikely to correspond to traditionally defined regions of anatomy.
therefore, standardized spatial representations of model organisms will need to serve as a mediator between the data collected by laboratories and the users of community databases.
in this scenario, investigators will not annotate their data with semantic annotations.
rather, they will map their data to standard spatial representations.
the role of semantic representations will be to serve as references to regions of the models and logical links between models at different stages or at different spatial scales.
this will integrate disparate data at the level of spatial representation, while preserving the usefulness of semantic representations for filtering, searching, and browsing data.
CONCLUSIONS
this work highlights issues important for the continued evolution of online resources for developmental biology.
if resources are to be effective in helping researchers to locate data relevant to their questions and to generate hypotheses, they must provide a structure that allows researchers to navigate within the space-scale-time matrix depicted in fig.
<dig>  as well as to explore homologous structures across different species.
this next generation of resources—perhaps better described as web portals—will provide access to not only information from different laboratories stored within a single repository, but to information distributed across different repositories.
these web portals  will rely on tightly integrated semantic and spatial representation, using anatomy as a framework for data integration, organization and navigation.
as model organism communities move toward the goal of building a comprehensive understanding of development, the role of these web portals is crucial.
they will serve both to document collective knowledge from previous work and to provide the infrastructure that enables future work.
achieving this vision will require not only advances in web and imaging technology, but careful consideration of semantic and spatial representation and research to design usable and intuitive interfaces.
in order for these tools to meet the needs of biologists, biologists must partner with computer science, informatics, and design researchers.

 developmental biology is a data-intensive science. during the last two decades the primary means of archiving and accessing experimental results has shifted from traditional printed publications to digital repositories and web sites. this transition was driven by the need to mange the rapidly growing amount of data describing embryogenesis, integrate heterogeneous data, represent this data within the context of space and time, and enable cross-species comparisons. development of the first digital atlas took place in the early 1990s. these authors constructed a 9-day mouse embryo in 3d using serial sections at histological resolution, with plans to later incorporate spatially-based gene expression data. since that time, many anatomical atlases and gene expression databases have been developed for a number of species, by both individual laboratories and multi-institution teams. development of these resources has required partnering with computer science and informatics researchers. areas of partnership include not only designing interactive web-based tools and improving methods of image capture and analysis, but also developing standards for data integration. efforts to standardize elements of research began decades before the introduction of digital repositories. but standards are particularly important for digital repositories because the ability of users to find information relevant to their needs—and to make sense of what they find—is determined by the quality and consistency of the data and its annotations. the gene ontology is a prominent example of an effort to develop semantic standards for molecular biology. go allows biologists to describe the role of gene products shared across eukaryotic organisms. it is widely used to cluster results of large-scale differential gene expression studies into functional categories, and has an important role in representing and aiding the discovery of gene regulatory networks. the representation of anatomy often receives less attention than the representation of genes, but is crucial because studies of gene expression must document not only the genes studied but also the anatomical location of the expression. these annotations are most useful when they represent anatomy in ways that are explicit, standardized, and can be understood by researchers without expert knowledge of the species represented. methods for curating information about the anatomy of model organisms have evolved in parallel with methods for disseminating experimental data. traditional print-based atlases have long been used to document anatomy and standardize terminology for structures and developmental stages. online atlases provide additional benefits because they allow data such as high-resolution two-dimensional images, three-dimensional reconstructions, and movies to be shared, can be updated frequently, and can link to external resources or incorporate content maintained by other sites. the task of representing an organism’s anatomy during development is inherently complex. as shown in fig.  a complete description would account for three-dimensional structure at scales spanning gross, histological, and molecular anatomy, each throughout the time of development. managing knowledge and data within this space-scale-time matrix presents a tremendous challenge. but it is also an opportunity to develop online atlases that not only provide anatomical descriptions, but also use anatomy as a framework for organizing and sharing data.fig. the components of a complete anatomical description. a complete description of an organism’s anatomy during development would account for three-dimensional structure at scales from gross to histological to molecular anatomy, and throughout the time of development in order to develop atlases that will successfully serve as data portals for developmental biologists, research in a number of areas is crucial. these include development of web technologies for delivering volumetric image data over the web and tools to support comparing data from disparate sources within a common spatial environment. work related to gene expression data includes capture of quantitative expression data, mapping expression data to 3d graphics, visualization of data across time and space, and automating annotation of expression patterns with anatomical terms. atlases could also provide tools to aid researchers in analysis of their own data, such as feature for more precisely describing a specimen’s stage based on interpolating between reference stages. atlases serving as data portals will require tightly integrated spatial and semantic representations as users alternate between image-based and term-based navigation and data retrieval. therefore, in addition to research rooted in the fields of computer science and informatics, expertise is also needed from the fields of interaction design and knowledge representation. as shown in fig.  the type of semantic representation determines the level of meaning captured within the representation. a controlled vocabulary is a list of terms within a specific domain. a taxonomy is a controlled vocabulary with hierarchical is_a relationships. an ontology is a taxonomy with additional relationships such as has_part and develops_into. the information provided by these relationships is necessary for developing atlases that link together data across space and time.fig. levels of complexity in semantic representation. a controlled vocabulary is a list of defined terms. a taxonomy is a controlled vocabulary with a hierarchical structure formed by is_a relationships between pairs of terms. an ontology is a taxonomy with additional relationships, such as part_of this article examines online resources for developmental biologists with an emphasis on semantic and spatial representation and interface design. i first survey anatomical atlases and gene expression resources for methods of anatomical representation. i then present a collection of patterns for interface design that demonstrate the variety of approaches used for anatomical representation, user interaction, and navigation with the atlases and databases. the purposes of this work are to assist biologists and software developers in planning the interfaces of new atlases and databases or enhancing existing ones, and demonstrate the benefits of standardizing semantic and spatial representations of anatomy.  anatomical atlases for the purpose of this work, an anatomical atlas is defined as a resource that provides spatial representations of a body or region of a body, plus a set of anatomical terms which are associated with regions of the representations. i identified online anatomical atlases describing organisms commonly used by developmental biologists. descriptions of each atlas are provided in table  the six species represented are caenorhabditis elegans, ciona intestinalis, drosophila, medaka, mouse, and zebrafish. eight atlases have a spatial scope of the entire body, while others are limited to the brain, vasculature, midgut, or craniofacial skeleton. with the exception of one atlases for c. elegans and both drosophila atlases, all atlases include a description of at least some developmental stages.table summary of anatomical atlases surveyed c. elegans http://wormatlas.org openworm browser http://browser.openworm.org ciona intestinalis aniseed http://www.aniseed.cnrs.fr ascidian network for in situ and embryological data http://tunicate-portal.org/faba/ /top.html four-dimensional ascidian body atlas drosophila http://flygut.epfl.ch http://www.virtualflybrain.org http://www.shigen.nig.ac.jp/medaka/medaka_atlas http://developingmouse.brain-map.org/static/atlas http://www.emouseatlas.org/emap/ema/home.html also known as the edinburgh mouse atlas https://www.facebase.org/fishface/home http://www.fishnet.org.au http://zfish.nichd.nih.gov/intro%20page/intro html http://zebrafish.anatomyportal.org zebrafish anatomy portal http://bio-atlas.psu.edu/zf table  lists the types of anatomical representations used within each atlas. types of graphics included confocal micrographs, transmission electron micrographs, histological sections, 3d reconstructions from histological sections, 3d surface models, illustrations, and brightfield movies. six of the atlases stated that a controlled vocabulary or ontology was used as a source of terms for anatomical structures.table anatomical representations within the anatomical atlas c. elegans • illustrations • dic micrographs • fluorescence micrographs • confocal micrographs openworm browser ciona intestinalis drosophila • fluorescence micrographs drosophila anatomy ontologyc • histological sections • opt scans a abbreviations: dic differential inference contrast, tem transmission electron micrograph, sstem serial section transmission electron micrograph, opt optical projection tomography b the faba established the developmental stages used in the ciona developmental ontology c the vocabulary from the insect brain name working group was incorporated into the drosophila anatomy ontology as part of the development of the virtual fly brain atlas gene expression atlases and databases for this work, a gene expression atlas or database is defined as a resource that combines evidence of gene expression with a representation of the anatomical region of the expression. because this work emphasizes spatial representations, resources consisting only of microarray data were excluded. i identified resources for gene expression. descriptions of each atlas or database for gene expression are provided in table  the eight species represented are caenorhabditis elegans, chicken, ciona intestinalis, drosophila, medaka, mouse, xenopus, and zebrafish. the spatial scope for of the resources is the entire body. others are limited to brain, nervous system, or urogenital system. all resources include at least one developmental stage.table summary of gene expression atlases and databases surveyed c. elegans http://gfpweb.aecom.yu.edu/index http://www.wormbase.org http://geisha.arizona.edu/geisha gallus expression in situ hybridization analysis ciona intestinalis http://www.aniseed.cnrs.fr ascidian network for in situ and embryological data drosophila http://insitu.fruitfly.org/cgi-bin/ex/insitu.pl berkeley drosophila genome project http://flybase.org http://www.flyexpress.net http://fly-fish.ccbr.utoronto.ca http://mepd.cos.uni-heidelberg.de/mepd medaka expression pattern database http://developingmouse.brain-map.org/agea/show anatomic gene expression atlas of the allen developing mouse brain atlas http://embrys.jp/embrys/html/mainmenu.html note: no longer available online http://www.emouseatlas.org/emage/home.php e-mouse atlas of gene expression http://www.eurexpress.org/ee http://www.informatics.jax.org/gxd mouse gene expression database http://www.gensat.org/index.html gene expression nervous system atlas http://genepaint.org http://www.gudmap.org genitourinary molecular anatomy project xenopus http://www.xenbase.org http://genomics.crick.ac.uk/apps/xenmark http://bio-imaging.liacs.nl/liacsgems.html note: no longer available online gene expression management system http://zfin.org zebrafish model organism database table  lists the anatomical representations used within each gene expression atlas or database. types of graphics documenting expression patterns include brightfield micrographs showing a colorimetric assay for expression in both histological sections and whole mounts, confocal micrographs, and 3d models with the region of expression highlighted. at least eight of the resources rely primarily on submissions of data from the community, and therefore various types of graphics are presented across different database entries. all resources use anatomical terms to describe regions of expression. however, only use terms from controlled vocabularies or ontologies. the other resources appear to use project-specific vocabularies.table anatomical representations within the gene expression atlases and databases c. elegans • confocal micrographs c. elegans gross anatomy vocabulary ciona intestinalis drosophila xenopus a abbreviations: dic differential inference contrast, aero images are a series of 2d images captured at 2-degree intervals b abbreviations: daoz developmental anatomy ontology of zebrafish, mfo medaka fish anatomy and development ontology, xao xenopus anatomy ontology, zao zebrafish anatomy ontology semantic representation: controlled vocabularies and ontologies table  lists the controlled vocabularies and ontologies used in the resources surveyed. this survey revealed that a total of vocabularies or ontologies are used. each includes terms relevant to adult anatomy, developmental anatomy and stages, or both. seven organisms are represented. as shown in table , each vocabulary and ontology was developed by one of the groups creating an atlas or database included in tables  and table controlled vocabularies and ontologies relevant to this survey c. elegans http://bioportal.bioontology.org/ontologies/wb-ls ciona intestinalis http://bioportal.bioontology.org/ontologies/ciinteado drosophila flybasea http://bioportal.bioontology.org/ontologies/fb-dv http://bioportal.bioontology.org/ontologies/mfo http://bioportal.bioontology.org/ontologies/ma http://help.brain-map.org/display/api/atlas+drawings+and+ontologies gxd http://bioportal.bioontology.org/ontologies/emap xenopus http://bioportal.bioontology.org/ontologies/xao http://bio-imaging.liacs.nl/liacsontology.html http://bioportal.bioontology.org/ontologies/zfa a the vocabulary or ontology was developed by the group constructing this atlas or database several atlases and gene expression resources demonstrate how the relationships within ontologies can contribute to the usefulness of interfaces by enhancing search functions or providing links between relevant information:part relationships: emage and gxd are databases for gene expression in the mouse, and both have a search function that accepts a term for an anatomical structure and returns genes expressed in that structure. these databases make use of the part hierarchies in the emap anatomy ontology and adult mouse anatomy to return results annotated with either the term entered by the user or the parts of that structure. for example, a search for genes expressed in “eye” will return genes annotated with “eye”, “retina”, and “lens vesicle”. developmental relationships: searches for gene expression in an anatomical structure can be expanded by including structures linked by developmental relationships. the xenbase gene expression database provides an option to include successor and predecessor structures in search results. these relationships are provided by the xenopus anatomy ontology. developmental relationships also provide a way for users to navigate an atlas or database along developmental pathways. gudmap is a database of gene expression in the mouse urogenital system. it employs the derives_from and differentiates_into relationships as links between the tissue summary pages with include gene expression data. this enables a user examining data annotated with “early distal tubule” to follow the differentiates_into relationship to data annotated with “renal distal tubule”. structural relationships: structural relationships allow a resource to present knowledge specific to an anatomical context. for example, the virtual fly brain provides an interface that uses the has_presynaptic_terminal_in and has_postsynaptic_terminal_in relationships for nerves in the drosophila anatomy ontology. for example, when viewing the medulla in the atlas, lists are generated for neurons with presynaptic and postsynaptic terminals the medulla. producing the list of neurons requires two types of knowledge from the ontology: which anatomical structures are part_of the medulla, each neuron that has_presynaptic_terminal_in or has_postsynaptic_terminal_in those parts. ontologies also provide an opportunity to link resources to each other. for example, each anatomical term in the zebrafish anatomy portal is linked to a page in zfin that defines the term and provides ontological relationships. spatial representation: 2d and 3d graphics the atlases and databases in this survey demonstrate several ways that spatial representation of anatomy can be enhanced in a web-based resource:graphics of developmental stages: the process of development can be studied only if it is represented in ways that are sufficiently rich in detail and reasonably standardized — a challenge as old as embryology itself. web-based atlases are able to represent spatial structure and time-based processes in way that traditional print-based resources cannot. for example, the four-dimensional ascidian body atlas defines stages for c. intestinalis with confocal image stacks and time-lapse movies, and the e-mouse atlas provides 3d reconstructions of embryos for many theiler stages. standardization of annotation for developmental stages is necessary for sharing data among laboratories, and atlases provide an easy way to access stage descriptions. high-resolution histological sections: glass histology slides have long been used for studying histology. virtual slides are created by scanning and digitizing glass slides, and the experience of using a microscope is simulated through web applications that allow zooming and panning of the image. virtual slides are provided by the zebrafish atlas and e-mouse atlas. visual representation of ontological terms: web-based resources provide an environment in which to link semantic and spatial representations of anatomical structures. for example, the allen developing mouse brain atlas and the virtual fly brain provide linked term-and-graphic windows that provide a view of both the ontology used and structures annotated with those terms. the zebrafish anatomy portal provides a search function that takes a term from the zebrafish anatomy ontology and returns planes of reconstructions from optical projection tomography scans labeled with the term. correlating spatial data among specimens and experiments: for gene expression patterns to be useful, they must be annotated in a way that allows users to find genes that are expressed in regions of interest and to study co-expression patterns. four methods are used to annotate expression patterns within the resources surveyed: the first method is manual annotation of each specimen using terms from a controlled vocabulary or ontology. this method enables only text-based queries, and will be inaccurate where expression patterns do not correspond to the borders of defined anatomical regions. the second approach relies on computational annotation and preserves the spatial nature of the data. in this approach, the expression pattern of each specimen is registered to a stage-matched standard volume through spatial warping enabling spatial queries to be performed across the dataset. this is used by the e-mouse atlas of gene expression and allen developing mouse brain atlas. a third approach, used by xenmark, relies on a manual annotation process in which specimen expression patterns are drawn onto stage-specific schematic diagrams. this method avoids the computational complexity of spatial warping, but allows spatial searches from the schematics. a fourth approach is to compute similarity scores between pairs of images, instead of mapping to a stage-specific standard. this method is used by flyexpress on sets of 2d images of drosophila embryos that are uniformly oriented and assayed under the same conditions. patterns for interface design in order to document and generalize the approaches for conveying information about anatomy that are used in these atlas and databases, i compiled a set of patterns. patterns are reusable solutions to design problems, and are of great interest in interface design. the patterns i have identified focus on graphic representation, user interaction, and navigation. from the anatomical atlases i identified a total of design patterns, shown in figs.  and these patterns provide methods for displaying graphics, integrating semantic and spatial representations, and organizing atlas information. they are grouped into eight categories:fig. interface design patterns for displaying 2d graphics and sectional graphics fig. interface design patterns for displaying 3d graphics and labeling graphics fig. interface design patterns for presenting topic-focused information and defining anatomical terms fig. interface design patterns for organizing information about developmental stages and describing development using graphical methods displaying 2d graphics displaying sectional graphics displaying 3d graphics labeling graphics presenting topic-focused information defining anatomical terms organizing information about developmental stages describing development using graphical methods each pattern has a title, description, examples of use, and simple pictorial representation. for example, one pattern in the category of “displaying 2d graphics” is “overview plus detail.” this pattern pairs a small overview graphic with a large zoomable graphic. a box on the small graphic indicates the region shown in the zoomable graphic. this pattern can be used when high-resolutions graphics are available and it is important to allow the user to zoom into details. this pattern is used within the e-mouse atlas, virtual fly brain, wormatlas, and zebrafish atlas. from the gene expression atlases and databases i identified patterns that provide methods for querying databases to find genes expressed in anatomical structures and display the results. these patterns are shown in figs.  and and are grouped into four categories:fig. interface design patterns for textual and graphical methods of querying a gene expression database fig. interface design patterns for displaying query results from a gene expression database and explaining anatomical annotations providing textual methods for querying a gene expression database providing graphical methods for querying a gene expression database displaying query results from a gene expression database explaining anatomical annotations in a query result item a few of the patterns that i present here have been previously identified in other pattern collections. in these cases i have retained the names given by previous authors. discussion this collection of design patterns can be used as a catalyst for conversations between biologists and software developers. because they provide a user-focused perspective, they can support discussions of methods for exploring and retrieving anatomically-based information and can serve as building blocks for interface specifications. the patterns also help to clarify how interface functionality is constrained by the investment in semantic and spatial standardization. for example, one of the most intuitive ways to query a gene expression pattern database is by specifying a point or region on a standardized image, but this requires that the expression data have been mapped to a spatial standard. this work documents the variety of ways anatomical information has been communicated in online atlases and databases. part of this variability is due to differences in the types of data available, purposes of the resources, and the characteristics of the organism. but it also reflects the large number of design solutions that are possible. because this survey did not include resources presented as downloadable software, there are likely to be additional patterns for representing anatomy. using the patterns to support user needs when applied to developing or expanding a particular online resource, this work should be considered in the context of two important considerations: “what are the information needs of the users?” and “what information assets are available to use in building the resource?” the patterns act as intermediaries between the users’ questions and the information assets. figure  provides a scenario that uses ten of the patterns in an imagined resource. this resource provides an anatomical atlas and gene expression database, and uses information assets including an ontology, spatial standards, a graphics collection, and gene expression data. in this scenario, user needs include obtaining information about the meaning of anatomical terms and finding data related to development of a particular anatomical structure.fig. scenario for an online resource combining an anatomical atlas with gene expression data. questions by users serve as entry points to pages using the design patterns. arrows represent links between pages using different patterns. four types of information assets are shown in the center. lines extending from the information assets indicate some of the patterns that incorporate those assets designing for new types of data looking to the future, standardized spatial representations will be key to communicating and integrating new types of data. emerging techniques for “spatially resolved omics” provide high-throughput measurements of gene expressions while preserving detailed spatial information. for example, microtomy sequencing provides gene expression data from individual cryosections of a specimen. recent work with zebrafish embryos extends this approach by analyzing data from embryos sectioned along orthogonal body axes using image reconstruction algorithms to produce 3d expression patterns—a technique called rna tomography. the detailed spatial data produced by large-scale gene expression studies are unlikely to correspond to traditionally defined regions of anatomy. therefore, standardized spatial representations of model organisms will need to serve as a mediator between the data collected by laboratories and the users of community databases. in this scenario, investigators will not annotate their data with semantic annotations. rather, they will map their data to standard spatial representations. the role of semantic representations will be to serve as references to regions of the models and logical links between models at different stages or at different spatial scales. this will integrate disparate data at the level of spatial representation, while preserving the usefulness of semantic representations for filtering, searching, and browsing data.  this work highlights issues important for the continued evolution of online resources for developmental biology. if resources are to be effective in helping researchers to locate data relevant to their questions and to generate hypotheses, they must provide a structure that allows researchers to navigate within the space-scale-time matrix depicted in fig.  as well as to explore homologous structures across different species. this next generation of resources—perhaps better described as web portals—will provide access to not only information from different laboratories stored within a single repository, but to information distributed across different repositories. these web portals will rely on tightly integrated semantic and spatial representation, using anatomy as a framework for data integration, organization and navigation. as model organism communities move toward the goal of building a comprehensive understanding of development, the role of these web portals is crucial. they will serve both to document collective knowledge from previous work and to provide the infrastructure that enables future work. achieving this vision will require not only advances in web and imaging technology, but careful consideration of semantic and spatial representation and research to design usable and intuitive interfaces. in order for these tools to meet the needs of biologists, biologists must partner with computer science, informatics, and design researchers. 
i then provide a collection of patterns for interface design based on the atlases and databases surveyed. this collection of patterns for interface design will assist biologists and software developers in planning the interfaces of new atlases and databases or enhancing existing ones. these patterns include methods for displaying graphics, integrating semantic and spatial representations, organizing information, and querying databases to find genes expressed in anatomical structures. a large number of online atlases and databases have been developed to mange the rapidly growing amount of data describing embryogenesis. i first present a survey of online atlases and gene expression resources for model organisms, with a focus on methods of semantic and spatial representation of anatomy. they also show the benefits of standardizing semantic and spatial representations of anatomy by demonstrating how interfaces can use standardization to provide enhanced functionality. this survey demonstrates how choices in semantic representation, in the form of ontologies, can enhance interface search functions and provide links between relevant information. in addition, attention to the design of the interfaces is critical to make online resources useful and usable. this survey also reviews methods for spatially representing anatomy in online resources. a total of anatomical atlases and gene expression resources are included.
 a large number of online atlases and databases have been developed to mange the rapidly growing amount of data describing embryogenesis. as these community resources continue to evolve, it is important to understand how representations of anatomy can facilitate the sharing and integration of data. in addition, attention to the design of the interfaces is critical to make online resources useful and usable.  i first present a survey of online atlases and gene expression resources for model organisms, with a focus on methods of semantic and spatial representation of anatomy. a total of anatomical atlases and gene expression resources are included. this survey demonstrates how choices in semantic representation, in the form of ontologies, can enhance interface search functions and provide links between relevant information. this survey also reviews methods for spatially representing anatomy in online resources. i then provide a collection of patterns for interface design based on the atlases and databases surveyed. these patterns include methods for displaying graphics, integrating semantic and spatial representations, organizing information, and querying databases to find genes expressed in anatomical structures.  this collection of patterns for interface design will assist biologists and software developers in planning the interfaces of new atlases and databases or enhancing existing ones. they also show the benefits of standardizing semantic and spatial representations of anatomy by demonstrating how interfaces can use standardization to provide enhanced functionality. keywords atlasdatabaseinterfaceontologyanatomyissue-copyright-statement© the author 2016 