Are you over 18 and want to see adult content?
1
More Annotations
A complete backup of okaylingeriemalls.com
okaylingeriemalls.com
Are you over 18 and want to see adult content?
4
6
Favourite Annotations
A complete backup of gimmesomeoven.com
gimmesomeoven.com
Are you over 18 and want to see adult content?
A complete backup of madmaxmovies.com
madmaxmovies.com
Are you over 18 and want to see adult content?
4
A complete backup of madridlavadoras.com
madridlavadoras.com
Are you over 18 and want to see adult content?
A complete backup of buynolvadex.company
buynolvadex.company
Are you over 18 and want to see adult content?
6
Text
PROTOVIS - GITHUB PAGESFORCE-DIRECTED LAYOUTSTREAMGRAPHSPARALLEL COORDINATESMORE EXAMPLESBARSDOTS This blue bar is rendered once per number, mapping the data to height using a little function (d * 80).Thus, a mark represents a set of graphical elements that share data and visual encodings. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.. To simplify construction, Protovis supports panels and inheritance. PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings of
data.
JSDOC REFERENCE
Class pv.Line Extends pv.Mark. Represents a series of connected line segments, or polyline, that can be stroked with a configurable color and thickness.Each articulation point in the line corresponds to a datum; for n points, n-1 connected line segments are PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCK View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - SPLINE EDITOR - GITHUB PAGES Spline Editor. View full screen. This simple editor demonstrates the various methods of spline interpolation supported by Protovis. Drag the control points to see how the shape of the spline changes. Click to add new points, and use the DELETE key to delete the selectedcontrol point.
PROTOVIS - ARC DIAGRAMS - GITHUB PAGES View full screen. An arc diagram uses a one-dimensional layout of nodes, with circular arcs to represent links. Though an arc diagram may not convey the overall structure of the graph as effectively as a two-dimensional layout, with a good ordering of nodes it is easy to identify cliques and bridges.Further, as with the indented tree, multivariate data can easily be displayed alongside nodes. PROTOVIS - INTERACTION Types of Interaction. External controls. This is the simplest type of interaction to support, if everything happens outside of Protovis. User interface elements are created externally, and event handlers on those interface elements trigger changes to the Protovis specification, which is then re-rendered. PROTOVIS - POLARCLOCK PolarClock. PolarClock. 36 s 46 m 12 h Wed 27 d Jan. View full screen. The PolarClock is an intriguing and aesthetically-pleasing visualization of the current time designed by Gabriel Bucknall. A single wedge encodes each time field (e.g., seconds, minutes) as both angle and fill color.EDGAR ANDERSON’S
Edgar Anderson’s Iris data set parallel coordinatesAFGHANISTAN
drag to rotate the origin d3.geo.azimuthal PROTOVIS - GITHUB PAGESFORCE-DIRECTED LAYOUTSTREAMGRAPHSPARALLEL COORDINATESMORE EXAMPLESBARSDOTS This blue bar is rendered once per number, mapping the data to height using a little function (d * 80).Thus, a mark represents a set of graphical elements that share data and visual encodings. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.. To simplify construction, Protovis supports panels and inheritance. PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
JSDOC REFERENCE
Class pv.Line Extends pv.Mark. Represents a series of connected line segments, or polyline, that can be stroked with a configurable color and thickness.Each articulation point in the line corresponds to a datum; for n points, n-1 connected line segments are PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCK View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - SPLINE EDITOR - GITHUB PAGES Spline Editor. View full screen. This simple editor demonstrates the various methods of spline interpolation supported by Protovis. Drag the control points to see how the shape of the spline changes. Click to add new points, and use the DELETE key to delete the selectedcontrol point.
PROTOVIS - ARC DIAGRAMS - GITHUB PAGES View full screen. An arc diagram uses a one-dimensional layout of nodes, with circular arcs to represent links. Though an arc diagram may not convey the overall structure of the graph as effectively as a two-dimensional layout, with a good ordering of nodes it is easy to identify cliques and bridges.Further, as with the indented tree, multivariate data can easily be displayed alongside nodes. PROTOVIS - INTERACTION Types of Interaction. External controls. This is the simplest type of interaction to support, if everything happens outside of Protovis. User interface elements are created externally, and event handlers on those interface elements trigger changes to the Protovis specification, which is then re-rendered. PROTOVIS - POLARCLOCK PolarClock. PolarClock. 36 s 46 m 12 h Wed 27 d Jan. View full screen. The PolarClock is an intriguing and aesthetically-pleasing visualization of the current time designed by Gabriel Bucknall. A single wedge encodes each time field (e.g., seconds, minutes) as both angle and fill color.EDGAR ANDERSON’S
Edgar Anderson’s Iris data set parallel coordinatesAFGHANISTAN
drag to rotate the origin d3.geo.azimuthal PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
PROTOVIS - BOX-AND-WHISKER PLOTS - MIKE BOSTOCK View full screen. A box-and-whisker plot uses simple glyphs that summarize a quantitative distribution with five standard statistics: the smallest value, lower quartile, median, upper quartile, and largest value. This summary approach is similar to a candlestick chart, and allows the viewer to easily recognize significant differences (or lack thereof) between distributions. PROTOVIS - ARC DIAGRAMS - GITHUB PAGES View full screen. An arc diagram uses a one-dimensional layout of nodes, with circular arcs to represent links. Though an arc diagram may not convey the overall structure of the graph as effectively as a two-dimensional layout, with a good ordering of nodes it is easy to identify cliques and bridges.Further, as with the indented tree, multivariate data can easily be displayed alongside nodes. PROTOVIS - N-BODY PROBLEM View full screen. The n-body problem involves predicting the motion of celestial objects under mutual gravitation. With many objects, this simulation can be computationally taxing due to n 2 force calculations. Here we simulate two hundred massive objects, using the Barnes–Hut algorithm to approximate forces in O(n log n). PROTOVIS - INDEX CHARTS - GITHUB PAGES View full screen. With some time series, raw values are less important than relative change. Consider investors, who may be more interested in a stock’s growth than its price.PROTOVIS - HEATMAPS
The R volcano data set gives topographic information for Auckland’s Maungawhau volcano, also known as Mt. Eden.Here we produce a heatmap using a dynamic image, encoding elevation with a partitioned linear color scale. Heatmaps can also be generated by laying out bars in a grid, as shown in the Mean & Deviation example.PROTOVIS - WEDGES
The wedge mark type represents a solid arc, akin to a bar in polar coordinates, that can be filled (via fillStyle) and stroked (via strokeStyle ). Wedges are used for some popular visualization types, including pie charts and donut charts. See also: pv.Wedge API reference. Examples: Pie & Donut Charts , Burtin’s Antibiotics ,PolarClock.
JSDOC REFERENCE
Apply a function against an accumulator and each value of the array (from left-to-right) as to reduce it to a single value. PROTOVIS - CHOROPLETH MAPS Data is often collected and aggregated by geographical area, such as states. A standard approach to communicating this data is to fill the area with a solid color, resulting in a choropleth map. Here, we use color to show the prevalence of obesity across the U.S. Though thistechnique is a
PROTOVIS: A GRAPHICAL TOOLKIT FOR VISUALIZATION Protovis: A Graphical Toolkit for Visualization Michael Bostock and Jeffrey Heer Abstract—Despite myriad tools for visualizing data, there remains a gap between the notational efficiency of high-level visualization systems and the expressiveness and accessibility of low-level graphical systems. PROTOVIS - GITHUB PAGESFORCE-DIRECTED LAYOUTSTREAMGRAPHSPARALLEL COORDINATESMORE EXAMPLESBARSDOTS This blue bar is rendered once per number, mapping the data to height using a little function (d * 80).Thus, a mark represents a set of graphical elements that share data and visual encodings. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.. To simplify construction, Protovis supports panels and inheritance. PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
JSDOC REFERENCE
Class pv.Line Extends pv.Mark. Represents a series of connected line segments, or polyline, that can be stroked with a configurable color and thickness.Each articulation point in the line corresponds to a datum; for n points, n-1 connected line segments are PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCK View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - SPLINE EDITOR - GITHUB PAGES Spline Editor. View full screen. This simple editor demonstrates the various methods of spline interpolation supported by Protovis. Drag the control points to see how the shape of the spline changes. Click to add new points, and use the DELETE key to delete the selectedcontrol point.
PROTOVIS - ARC DIAGRAMS - GITHUB PAGES View full screen. An arc diagram uses a one-dimensional layout of nodes, with circular arcs to represent links. Though an arc diagram may not convey the overall structure of the graph as effectively as a two-dimensional layout, with a good ordering of nodes it is easy to identify cliques and bridges.Further, as with the indented tree, multivariate data can easily be displayed alongside nodes. PROTOVIS - INTERACTION Types of Interaction. External controls. This is the simplest type of interaction to support, if everything happens outside of Protovis. User interface elements are created externally, and event handlers on those interface elements trigger changes to the Protovis specification, which is then re-rendered. PROTOVIS - POLARCLOCK PolarClock. PolarClock. 36 s 46 m 12 h Wed 27 d Jan. View full screen. The PolarClock is an intriguing and aesthetically-pleasing visualization of the current time designed by Gabriel Bucknall. A single wedge encodes each time field (e.g., seconds, minutes) as both angle and fill color.EDGAR ANDERSON’S
Edgar Anderson’s Iris data set parallel coordinatesAFGHANISTAN
drag to rotate the origin d3.geo.azimuthal PROTOVIS - GITHUB PAGESFORCE-DIRECTED LAYOUTSTREAMGRAPHSPARALLEL COORDINATESMORE EXAMPLESBARSDOTS This blue bar is rendered once per number, mapping the data to height using a little function (d * 80).Thus, a mark represents a set of graphical elements that share data and visual encodings. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.. To simplify construction, Protovis supports panels and inheritance. PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
JSDOC REFERENCE
Class pv.Line Extends pv.Mark. Represents a series of connected line segments, or polyline, that can be stroked with a configurable color and thickness.Each articulation point in the line corresponds to a datum; for n points, n-1 connected line segments are PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCK View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - SPLINE EDITOR - GITHUB PAGES Spline Editor. View full screen. This simple editor demonstrates the various methods of spline interpolation supported by Protovis. Drag the control points to see how the shape of the spline changes. Click to add new points, and use the DELETE key to delete the selectedcontrol point.
PROTOVIS - ARC DIAGRAMS - GITHUB PAGES View full screen. An arc diagram uses a one-dimensional layout of nodes, with circular arcs to represent links. Though an arc diagram may not convey the overall structure of the graph as effectively as a two-dimensional layout, with a good ordering of nodes it is easy to identify cliques and bridges.Further, as with the indented tree, multivariate data can easily be displayed alongside nodes. PROTOVIS - INTERACTION Types of Interaction. External controls. This is the simplest type of interaction to support, if everything happens outside of Protovis. User interface elements are created externally, and event handlers on those interface elements trigger changes to the Protovis specification, which is then re-rendered. PROTOVIS - POLARCLOCK PolarClock. PolarClock. 36 s 46 m 12 h Wed 27 d Jan. View full screen. The PolarClock is an intriguing and aesthetically-pleasing visualization of the current time designed by Gabriel Bucknall. A single wedge encodes each time field (e.g., seconds, minutes) as both angle and fill color.EDGAR ANDERSON’S
Edgar Anderson’s Iris data set parallel coordinatesAFGHANISTAN
drag to rotate the origin d3.geo.azimuthal PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
PROTOVIS - BOX-AND-WHISKER PLOTS - MIKE BOSTOCK View full screen. A box-and-whisker plot uses simple glyphs that summarize a quantitative distribution with five standard statistics: the smallest value, lower quartile, median, upper quartile, and largest value. This summary approach is similar to a candlestick chart, and allows the viewer to easily recognize significant differences (or lack thereof) between distributions. PROTOVIS - ARC DIAGRAMS - GITHUB PAGES View full screen. An arc diagram uses a one-dimensional layout of nodes, with circular arcs to represent links. Though an arc diagram may not convey the overall structure of the graph as effectively as a two-dimensional layout, with a good ordering of nodes it is easy to identify cliques and bridges.Further, as with the indented tree, multivariate data can easily be displayed alongside nodes. PROTOVIS - N-BODY PROBLEM View full screen. The n-body problem involves predicting the motion of celestial objects under mutual gravitation. With many objects, this simulation can be computationally taxing due to n 2 force calculations. Here we simulate two hundred massive objects, using the Barnes–Hut algorithm to approximate forces in O(n log n). PROTOVIS - INDEX CHARTS - GITHUB PAGES View full screen. With some time series, raw values are less important than relative change. Consider investors, who may be more interested in a stock’s growth than its price.PROTOVIS - HEATMAPS
The R volcano data set gives topographic information for Auckland’s Maungawhau volcano, also known as Mt. Eden.Here we produce a heatmap using a dynamic image, encoding elevation with a partitioned linear color scale. Heatmaps can also be generated by laying out bars in a grid, as shown in the Mean & Deviation example.PROTOVIS - WEDGES
The wedge mark type represents a solid arc, akin to a bar in polar coordinates, that can be filled (via fillStyle) and stroked (via strokeStyle ). Wedges are used for some popular visualization types, including pie charts and donut charts. See also: pv.Wedge API reference. Examples: Pie & Donut Charts , Burtin’s Antibiotics ,PolarClock.
PROTOVIS - CHOROPLETH MAPS Data is often collected and aggregated by geographical area, such as states. A standard approach to communicating this data is to fill the area with a solid color, resulting in a choropleth map. Here, we use color to show the prevalence of obesity across the U.S. Though thistechnique is a
PROTOVIS: A GRAPHICAL TOOLKIT FOR VISUALIZATION Protovis: A Graphical Toolkit for Visualization Michael Bostock and Jeffrey Heer Abstract—Despite myriad tools for visualizing data, there remains a gap between the notational efficiency of high-level visualization systems and the expressiveness and accessibility of low-level graphical systems.JSDOC REFERENCE
Apply a function against an accumulator and each value of the array (from left-to-right) as to reduce it to a single value. PROTOVIS - GITHUB PAGESFORCE-DIRECTED LAYOUTSTREAMGRAPHSPARALLEL COORDINATESMORE EXAMPLESBARSDOTS This blue bar is rendered once per number, mapping the data to height using a little function (d * 80).Thus, a mark represents a set of graphical elements that share data and visual encodings. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.. To simplify construction, Protovis supports panels and inheritance. PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCK View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - N-BODY PROBLEM - GITHUB PAGES N-Body Problem. View full screen. The n -body problem involves predicting the motion of celestial objects under mutual gravitation. With many objects, this simulation can be computationally taxing due to n2 force calculations. Here we simulate two hundred massive objects, using the Barnes–Hut algorithm to approximate forces in O (n log n ).
PROTOVIS - CONWAY’S GAME OF LIFE - MIKE BOSTOCK Conway’s Game of Life. View full screen. Life is a two-dimensional cellular automaton devised by John Conway in 1970. Each cell is either alive or dead. At each step, each cell can change states dependant on its eight immediate neighbors: “Any live cell with fewer than two live neighbors dies, as if by underpopulation. Any live cell with PROTOVIS - SPLINE EDITOR - GITHUB PAGES Spline Editor. View full screen. This simple editor demonstrates the various methods of spline interpolation supported by Protovis. Drag the control points to see how the shape of the spline changes. Click to add new points, and use the DELETE key to delete the selectedcontrol point.
PROTOVIS - FOCUS + CONTEXT - GITHUB PAGES View full screen. Focus + context is a technique that allows the viewer to inspect an interesting portion of the data in detail (the focus) without losing global context—the global view is preserved at reduced detail, highlighting the focused region. In this visualization, a three-year window is focused within a time series spanning three decades.PROTOVIS - BARS
The left property is calculated using the automatic index variable. The index starts at 0 for the first datum, and is subsequently incremented by 1. For multivariate data, simply specify additional properties as functions rather than constants. For example, a Gantt chart can be produced using variable left and width, with equispaced bottom and constant height: PROTOVIS - POLARCLOCK PolarClock. PolarClock. 36 s 46 m 12 h Wed 27 d Jan. View full screen. The PolarClock is an intriguing and aesthetically-pleasing visualization of the current time designed by Gabriel Bucknall. A single wedge encodes each time field (e.g., seconds, minutes) as both angle and fill color.EDGAR ANDERSON’S
Edgar Anderson’s Iris data set parallel coordinates PROTOVIS - GITHUB PAGESFORCE-DIRECTED LAYOUTSTREAMGRAPHSPARALLEL COORDINATESMORE EXAMPLESBARSDOTS This blue bar is rendered once per number, mapping the data to height using a little function (d * 80).Thus, a mark represents a set of graphical elements that share data and visual encodings. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.. To simplify construction, Protovis supports panels and inheritance. PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCK View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - N-BODY PROBLEM - GITHUB PAGES N-Body Problem. View full screen. The n -body problem involves predicting the motion of celestial objects under mutual gravitation. With many objects, this simulation can be computationally taxing due to n2 force calculations. Here we simulate two hundred massive objects, using the Barnes–Hut algorithm to approximate forces in O (n log n ).
PROTOVIS - CONWAY’S GAME OF LIFE - MIKE BOSTOCK Conway’s Game of Life. View full screen. Life is a two-dimensional cellular automaton devised by John Conway in 1970. Each cell is either alive or dead. At each step, each cell can change states dependant on its eight immediate neighbors: “Any live cell with fewer than two live neighbors dies, as if by underpopulation. Any live cell with PROTOVIS - SPLINE EDITOR - GITHUB PAGES Spline Editor. View full screen. This simple editor demonstrates the various methods of spline interpolation supported by Protovis. Drag the control points to see how the shape of the spline changes. Click to add new points, and use the DELETE key to delete the selectedcontrol point.
PROTOVIS - FOCUS + CONTEXT - GITHUB PAGES View full screen. Focus + context is a technique that allows the viewer to inspect an interesting portion of the data in detail (the focus) without losing global context—the global view is preserved at reduced detail, highlighting the focused region. In this visualization, a three-year window is focused within a time series spanning three decades.PROTOVIS - BARS
The left property is calculated using the automatic index variable. The index starts at 0 for the first datum, and is subsequently incremented by 1. For multivariate data, simply specify additional properties as functions rather than constants. For example, a Gantt chart can be produced using variable left and width, with equispaced bottom and constant height: PROTOVIS - POLARCLOCK PolarClock. PolarClock. 36 s 46 m 12 h Wed 27 d Jan. View full screen. The PolarClock is an intriguing and aesthetically-pleasing visualization of the current time designed by Gabriel Bucknall. A single wedge encodes each time field (e.g., seconds, minutes) as both angle and fill color.EDGAR ANDERSON’S
Edgar Anderson’s Iris data set parallel coordinates PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCK View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - CONWAY’S GAME OF LIFE - MIKE BOSTOCK Conway’s Game of Life. View full screen. Life is a two-dimensional cellular automaton devised by John Conway in 1970. Each cell is either alive or dead. At each step, each cell can change states dependant on its eight immediate neighbors: “Any live cell with fewer than two live neighbors dies, as if by underpopulation. Any live cell with PROTOVIS - SYMBOL MAPS - GITHUB PAGES View full screen. An alternative to the choropleth map is the graduated symbol map, which places symbols over an underlying map.This approach avoids confounding geographic area with data values and allows for more dimensions to be visualized (e.g., symbol size, shape, and color).In addition to simple shapes like circles, graduated symbol maps may use more complicated glyphs such as pie charts.JSDOC REFERENCE
Class pv.Bar. Extends pv.Mark. Represents a bar: an axis-aligned rectangle that can be stroked and filled. Bars are used for many chart types, including bar charts, histograms and Gantt charts. Bars can also be used as decorations, for example to draw a frame border around a panel; in fact, a panel is a special type (a subclass) of bar.PROTOVIS - BARS
The left property is calculated using the automatic index variable. The index starts at 0 for the first datum, and is subsequently incremented by 1. For multivariate data, simply specify additional properties as functions rather than constants. For example, a Gantt chart can be produced using variable left and width, with equispaced bottom and constant height: PROTOVIS - CHOROPLETH MAPS Data is often collected and aggregated by geographical area, such as states. A standard approach to communicating this data is to fill the area with a solid color, resulting in a choropleth map. Here, we use color to show the prevalence of obesity across the U.S. Though thistechnique is a
PROTOVIS - CANDLESTICK CHARTS View full screen. A candlestick chart concisely encodes several dimensions of data into a simple glyph. This example shows the performance of the Chicago Board Options Exchange Volatility Index in the summer of 2009.The thick bar represents the opening and closing prices, while the thin bar shows intraday high and low prices; if the index closed higher on a given day, the bars are coloredFLARE CODE SIZE
Flare code size force-directed graph U.S. COMMERCIAL AIRPORTS U.S. commercial airports, 2008 great arcs and symbol map show Voronoi PROTOVIS - GITHUB PAGESFORCE-DIRECTED LAYOUTSTREAMGRAPHSPARALLEL COORDINATESMORE EXAMPLESBARSDOTSMIKE BOSTOCKMIKE BOSTOCK D3MICHAEL BOSTOCKMIKE BOSTOCK OBSERVABLE This blue bar is rendered once per number, mapping the data to height using a little function (d * 80).Thus, a mark represents a set of graphical elements that share data and visual encodings. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.. To simplify construction, Protovis supports panels and inheritance. PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCKFORCE DIRECTED GRAPH LAYOUT ALGORITHMFORCE DIRECTED GRAPH LAYOUTFORCE DIRECTED GRAPHD3 FORCE DIRECTED GRAPH3D FORCE DIRECTED GRAPHD3 FORCE DIRECTED View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - N-BODY PROBLEM - GITHUB PAGES N-Body Problem. View full screen. The n -body problem involves predicting the motion of celestial objects under mutual gravitation. With many objects, this simulation can be computationally taxing due to n2 force calculations. Here we simulate two hundred massive objects, using the Barnes–Hut algorithm to approximate forces in O (n log n ).
PROTOVIS - CONWAY’S GAME OF LIFE - MIKE BOSTOCK Conway’s Game of Life. View full screen. Life is a two-dimensional cellular automaton devised by John Conway in 1970. Each cell is either alive or dead. At each step, each cell can change states dependant on its eight immediate neighbors: “Any live cell with fewer than two live neighbors dies, as if by underpopulation. Any live cell with PROTOVIS - SPLINE EDITOR - GITHUB PAGES Spline Editor. View full screen. This simple editor demonstrates the various methods of spline interpolation supported by Protovis. Drag the control points to see how the shape of the spline changes. Click to add new points, and use the DELETE key to delete the selectedcontrol point.
PROTOVIS - FOCUS + CONTEXT - GITHUB PAGES View full screen. Focus + context is a technique that allows the viewer to inspect an interesting portion of the data in detail (the focus) without losing global context—the global view is preserved at reduced detail, highlighting the focused region. In this visualization, a three-year window is focused within a time series spanning three decades.PROTOVIS - BARS
The left property is calculated using the automatic index variable. The index starts at 0 for the first datum, and is subsequently incremented by 1. For multivariate data, simply specify additional properties as functions rather than constants. For example, a Gantt chart can be produced using variable left and width, with equispaced bottom and constant height: PROTOVIS - POLARCLOCK PolarClock. PolarClock. 36 s 46 m 12 h Wed 27 d Jan. View full screen. The PolarClock is an intriguing and aesthetically-pleasing visualization of the current time designed by Gabriel Bucknall. A single wedge encodes each time field (e.g., seconds, minutes) as both angle and fill color.EDGAR ANDERSON’S
Edgar Anderson’s Iris data set parallel coordinates PROTOVIS - GITHUB PAGESFORCE-DIRECTED LAYOUTSTREAMGRAPHSPARALLEL COORDINATESMORE EXAMPLESBARSDOTSMIKE BOSTOCKMIKE BOSTOCK D3MICHAEL BOSTOCKMIKE BOSTOCK OBSERVABLE This blue bar is rendered once per number, mapping the data to height using a little function (d * 80).Thus, a mark represents a set of graphical elements that share data and visual encodings. Although marks are simple by themselves, you can combine them in interesting ways to make rich, interactive visualizations.. To simplify construction, Protovis supports panels and inheritance. PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCKFORCE DIRECTED GRAPH LAYOUT ALGORITHMFORCE DIRECTED GRAPH LAYOUTFORCE DIRECTED GRAPHD3 FORCE DIRECTED GRAPH3D FORCE DIRECTED GRAPHD3 FORCE DIRECTED View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - N-BODY PROBLEM - GITHUB PAGES N-Body Problem. View full screen. The n -body problem involves predicting the motion of celestial objects under mutual gravitation. With many objects, this simulation can be computationally taxing due to n2 force calculations. Here we simulate two hundred massive objects, using the Barnes–Hut algorithm to approximate forces in O (n log n ).
PROTOVIS - CONWAY’S GAME OF LIFE - MIKE BOSTOCK Conway’s Game of Life. View full screen. Life is a two-dimensional cellular automaton devised by John Conway in 1970. Each cell is either alive or dead. At each step, each cell can change states dependant on its eight immediate neighbors: “Any live cell with fewer than two live neighbors dies, as if by underpopulation. Any live cell with PROTOVIS - SPLINE EDITOR - GITHUB PAGES Spline Editor. View full screen. This simple editor demonstrates the various methods of spline interpolation supported by Protovis. Drag the control points to see how the shape of the spline changes. Click to add new points, and use the DELETE key to delete the selectedcontrol point.
PROTOVIS - FOCUS + CONTEXT - GITHUB PAGES View full screen. Focus + context is a technique that allows the viewer to inspect an interesting portion of the data in detail (the focus) without losing global context—the global view is preserved at reduced detail, highlighting the focused region. In this visualization, a three-year window is focused within a time series spanning three decades.PROTOVIS - BARS
The left property is calculated using the automatic index variable. The index starts at 0 for the first datum, and is subsequently incremented by 1. For multivariate data, simply specify additional properties as functions rather than constants. For example, a Gantt chart can be produced using variable left and width, with equispaced bottom and constant height: PROTOVIS - POLARCLOCK PolarClock. PolarClock. 36 s 46 m 12 h Wed 27 d Jan. View full screen. The PolarClock is an intriguing and aesthetically-pleasing visualization of the current time designed by Gabriel Bucknall. A single wedge encodes each time field (e.g., seconds, minutes) as both angle and fill color.EDGAR ANDERSON’S
Edgar Anderson’s Iris data set parallel coordinates PROTOVIS - DOCUMENTATION Protovis is a graphical toolkit, designed for visualization. It retains some of the conceptual simplicity and low-level control of graphical systems by dealing directly with graphical elements (shapes, lines, i.e., marks), but specifies marks declaratively as encodings ofdata.
PROTOVIS - FORCE-DIRECTED LAYOUTS - MIKE BOSTOCK View full screen. An intuitive approach to network layout is to model the graph as a physical system: nodes are charged particles that repel each other, and links PROTOVIS - CONWAY’S GAME OF LIFE - MIKE BOSTOCK Conway’s Game of Life. View full screen. Life is a two-dimensional cellular automaton devised by John Conway in 1970. Each cell is either alive or dead. At each step, each cell can change states dependant on its eight immediate neighbors: “Any live cell with fewer than two live neighbors dies, as if by underpopulation. Any live cell with PROTOVIS - SYMBOL MAPS - GITHUB PAGES View full screen. An alternative to the choropleth map is the graduated symbol map, which places symbols over an underlying map.This approach avoids confounding geographic area with data values and allows for more dimensions to be visualized (e.g., symbol size, shape, and color).In addition to simple shapes like circles, graduated symbol maps may use more complicated glyphs such as pie charts.JSDOC REFERENCE
Class pv.Bar. Extends pv.Mark. Represents a bar: an axis-aligned rectangle that can be stroked and filled. Bars are used for many chart types, including bar charts, histograms and Gantt charts. Bars can also be used as decorations, for example to draw a frame border around a panel; in fact, a panel is a special type (a subclass) of bar.PROTOVIS - BARS
The left property is calculated using the automatic index variable. The index starts at 0 for the first datum, and is subsequently incremented by 1. For multivariate data, simply specify additional properties as functions rather than constants. For example, a Gantt chart can be produced using variable left and width, with equispaced bottom and constant height: PROTOVIS - CHOROPLETH MAPS Data is often collected and aggregated by geographical area, such as states. A standard approach to communicating this data is to fill the area with a solid color, resulting in a choropleth map. Here, we use color to show the prevalence of obesity across the U.S. Though thistechnique is a
PROTOVIS - CANDLESTICK CHARTS View full screen. A candlestick chart concisely encodes several dimensions of data into a simple glyph. This example shows the performance of the Chicago Board Options Exchange Volatility Index in the summer of 2009.The thick bar represents the opening and closing prices, while the thin bar shows intraday high and low prices; if the index closed higher on a given day, the bars are coloredFLARE CODE SIZE
Flare code size force-directed graph U.S. COMMERCIAL AIRPORTS U.S. commercial airports, 2008 great arcs and symbol map show VoronoiMIKE BOSTOCK
April 28, 2017A Better Way to Code December 9, 2016Command-Line Cartography March 9, 2016What Makes Software Good? December 28, 2015Introducing d3-scale December 3, 2015Introducing d3-shape November 23, 2015Let’s Make a (D3) Plugin December 27, 2014Mapping Every Path to the N.F.L. Playoffs December 20, 2014How Each Team Can Make the N.F.L. Playoffs November 5, 2014The Most Detailed Maps You’ll See From the MidtermElections
November 3, 2014How To Scroll September 19, 2014‘Stop-and-Frisk’ Is All but Gone From New York July 26, 2014Mapping the Spread of Drought Across the U.S. June 26, 2014Visualizing Algorithms June 15, 2014Three Little Circles May 22, 2014Is It Better to Rent or Buy? May 6, 2014Let’s Make a Bubble Map April 22, 2014Who Will Win The Senate? March 7, 2014Let’s Make a Block Feburary 14, 2014Front Row to Fashion Week February 14, 2014Sochi 2014: Interactive Stories January 11, 2014Taking the Battle to the States November 30, 2013Tracing the History of N.C.A.A. Conferences November 5, 2013Let’s Make a Bar Chart, Parts 1-3 October 27, 2013A Game of Shark and Minnow October 14, 2013The Russia Left Behind September 29, 2013For Eli Manning, 150 Games and Counting September 25, 2013Oracle’s Path to Victory September 23, 2013State-by-State Premiums Under the Health Care Law September 6, 2013Constellations of Directors and Their Stars September 2, 2013How To Infer Topology August 2, 2013For Yankees, Little Bang for Their Buck June 9, 2013For Example May 25, 2013Across U.S. Companies, Tax Rates Vary Greatly April 26, 2013How Selections Work April 25, 2013N.F.L. Draft: How Good Are Teams at Picking the Best? April 8, 2013China Still Dominates, but Some Manufacturers LookElsewhere
March 2, 2013Increased Border Enforcement, With Varying Results February 23, 2013Why Use Make February 20, 2013Among the Oscar Contenders, a Host of Connections January 3, 2013A Chicago Divided by Killings December 30, 2012Let’s Make a Map November 29, 2012How the Tax Burden Has Changed November 11, 2012Counties Blue and Red, Moving Right and Left November 7, 2012How Obama Won Re-election November 2, 2012512 Paths to the White House October 30, 2012Wind Speeds Along Hurricane Sandy’s Path October 24, 2012Working with Transitions October 15, 2012Over the Decades, How States Have Shifted September 18, 2012A Faded Piece of Papyrus Refers to Jesus’ Wife September 14, 2012How the Chicago Public School District Compares September 6, 2012At the National Conventions, the Words They Used September 4, 2012At the Democratic Convention, the Words Being Used August 28, 2012At the Republican Convention, the Words Being Used August 24, 2012Drought during Month August 24, 2012Drought Extends, Crops Wither August 10, 2012Drought and Deluge in the Lower 48 June 21, 2012Fisheye Distortion June 19, 2012D3 + Leaflet June 10, 2012Zoomable Treemaps June 1, 2012Line Simplification May 22, 2012Sankey Diagrams May 16, 2012Object Constancy April 8, 2012Nested Selections March 18, 2012Hive Plots March 13, 2012The Wealth & Health of Nations February 27, 2012Towards Reusable Charts February 5, 2012Thinking with Joins January 21, 2012Will It Shuffle? January 19, 2012Path Transitions January 14, 2012Fisher–Yates Shuffle January 12, 2012_Les Misérables_ Co-occurrence January 9, 2012Uber Rides by Neighborhood#EXAMPLES
In addition to the graphics and articles listed above, I have posted almost a thousand examples on bl.ocks.org/mbostock . Peruse them to learn D3 or for visualinspiration.
#TALKS
Occasionally I stand in front of a room of people and, by flapping my lips or waving my arms, attempt to communicate something of interest. These awkward moments are sometimes captured as moving images and sound for future study.Q&A
- September 8, 2015Reddit: AMA Video - September 8, 2014FOSS4G: TheToolmaker’s Guide
Video - June 11, 2014Eyeo: VisualizingAlgorithms
Video - April 24,
2014OpenVis: Design is a Search Problem Video - June 6, 2013Eyeo: For Example Slides & Video - May 2, 2012Time Series Visualization with Cubism.js Slides - March 5, 2012VIZBI: D3 WorkshopSlides & Video
- November 16, 2011W3C Conf: Visualizing Data with Web Standards Slides - October 18, 2011SVG Open: D3 KeynoteSlides & Video
- September 21, 2011Trulia Meetup: Usethe Force!
#PUBLICATIONS
As part of my PhD studies at the Stanford Vis Group, I published several papers with Jeffrey Heer .Code as Cartography
_The Cartographic Journal_, May 2013 D3: Data-Driven DocumentsIEEE InfoVis 2011
Declarative Language Design for Interactive VisualizationIEEE InfoVis 2010
Crowdsourcing Graphical Perception: Using Mechanical Turk to Assess Visualization Design ACM CHI 2010, best paper nominee Protovis: A Graphical Toolkit for VisualizationIEEE InfoVis 2009
#PROJECTS
Most of my recent projects are listed on my GitHub profile . If you want help using any of my libraries, please post questions to Stack Overflow with the appropriate tag (or the d3-js group ) and I will endeavor toanswer them.
D3.js
A JavaScript library for visualizing data and manipulating the document object model.TopoJSON
An extension of GeoJSON that encodes topology.Shapefile
A streaming parser for the ESRI Shapefile spatial data format.bl.ocks.org
A viewer for sharing interactive examples via GitHub Gist. See alsoGistup .
U.S. Atlas
Roll your own TopoJSON from the National Atlas one million-scaledataset.
Cubism.js
A JavaScript library for time series visualization. Built on D3.Cube
A system for time series data collection and analysis. Built onMongoDB.
Crossfilter
A JavaScript library for fast multi-dimensional filtering and groupingof data.
Stack.js
A presentation library with intuitive, scroll-based navigation.Queue.js
Yet another abstraction for asynchronous JavaScript. 554 bytes!Polymaps
A JavaScript library for image- and vector-tiled maps.Protovis
A JavaScript library for visualization; superseded by D3.Dependency Tree
A dependency visualization using hierarchical edge bundling.Polly-B-Gone
A 3D physics platform game. October 5, 2015 Mike BostockDetails
5
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0