Created by Christopher Manning
This is an experiment using a random walk to draw shapes. Adjusting theta results in a very organic or procedural drawing. The random walk stays in the geometry by using a point in polygon test.
Controls
ac1714
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en" > | |
| <head> | |
| <meta charset="UTF-8"> | |
| <link rel="apple-touch-icon" type="image/png" href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" /> |
Inspired by an example from Mike Bostock. Colors from Every ColorBrewer Scale.
forked from bricedev's block: Grouped bar chart
forked from syntagmatic's block: Image Gallery
A partial implementation of the tree color scheme proposed in Tennekes, Jonge 2014, applied to a sunburst representation of the canonically sorted DBpedia hierarchical ontology.
Hue is used to differentiate subtrees, while luminance (and chroma) to encode depth.
This implementation misses the five-element permutation feature described in the paper above. The effect on the visualization is that similar pairs of different colors are repeated one after each other.
As in the original work, the effect of hue is mainly limited to the first levels. The case of DBpedia is especially bad, because of the high number of nodes at the first level.
forked from nitaku's block: Tree colors (sunburst, DBpe
ac1714
/ window.location.href
Last active
August 29, 2015 14:08
— forked from cazepeda-zz/window.location.href
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.location.href | |
| ==================== | |
| Bookmarklet to append a string to the end of the URL. | |
| 1. Create bookmark. | |
| 2. Edit bookmark URL(Chrome) / Location(Firefox) to include this code: javascript:window.location.href=window.location.href+'REPLACETHIS'; | |
| 3. Now make use of that bookmarklet. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="import" href="../core-icon-button/core-icon-button.html"> | |
| <link rel="import" href="../core-toolbar/core-toolbar.html"> | |
| <link rel="import" href="../core-scroll-header-panel/core-scroll-header-panel.html"> | |
| <polymer-element name="my-element"> | |
| <template> | |
| <style> | |
| :host { | |
| position: absolute; |
ac1714
/ README.md
Created
June 15, 2014 07:59
— forked from mbostock/.block
This example demonstrates how to compute a suitable translate and scale to zoom to the bounding box of a particular feature. Click on any state to zoom in; click on the focused state or the background to zoom out.
This variant uses transform transitions to change the viewport. A slightly better approach, and one that can also allow free panning and zooming with the mouse if desired, is to use zoom transitions.