JavaScript Other
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
custom_tooltips
embedded_map_builder
embedded_map_in_page
knockout
snippets
structures
.gitignore
LICENSE
README.md
index.html

README.md

escher-demo

To get started, clone this repository using git, or download this ZIP file.

Then, in your favorite terminal, navigate to the folder that contains this README, and run one of the following commands to start a web server.

# python 2
python -c "import SimpleHTTPServer; m = SimpleHTTPServer.SimpleHTTPRequestHandler.extensions_map; m[''] = 'text/plain'; m.update(dict([(k, v + ';charset=UTF-8') for k, v in m.items()])); SimpleHTTPServer.test();"

# python 3
python -m http.server

# node.js
http-server -p 8000

This will start a unicode-friendly Python web server. Open http://localhost:8000/ to see the demos.

Try editing the embedded_map_builder/index.html file, then reload your web browser to see what you've changed. You can see what's happening under the hood by opening your Developer tools (Chrome, Firefox). Next, have a look at the Escher JavaScript documentation to learn about the Builder class and its options and methods.

Snippets

The examples in the snippets directory are short code blocks that can be executed in the Developer Tools for an open Escher map to activate new features. Each snippet has a description at the beginning of the file. To learn about the Developer Tools, try these resources:

Ideas

  • sliders for data
  • knockout example
  • data (e.g. plots) on hover
  • embed in website
  • ChemSpider structures on a map