Skip to content

PS_12.md

Latest commit

 

History

History
230 lines (157 loc) · 42.5 KB

PS_12.md

File metadata and controls

230 lines (157 loc) · 42.5 KB
title Dynamic Visualization

HTML Visualization

DataTables

DataTables display R data frames as interactive HTML tables (with filtering, pagination, sorting, and search). This is a great way to make your raw data browsable without using too much space.

library(widgetframe)
## Loading required package: htmlwidgets

library(DT)
datatable(iris, options = list(pageLength = 5))
<script type="application/json" data-for="htmlwidget-dec93864d2074d8c2245">{"x":{"filter":"none","data":[["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31","32","33","34","35","36","37","38","39","40","41","42","43","44","45","46","47","48","49","50","51","52","53","54","55","56","57","58","59","60","61","62","63","64","65","66","67","68","69","70","71","72","73","74","75","76","77","78","79","80","81","82","83","84","85","86","87","88","89","90","91","92","93","94","95","96","97","98","99","100","101","102","103","104","105","106","107","108","109","110","111","112","113","114","115","116","117","118","119","120","121","122","123","124","125","126","127","128","129","130","131","132","133","134","135","136","137","138","139","140","141","142","143","144","145","146","147","148","149","150"],[5.1,4.9,4.7,4.6,5,5.4,4.6,5,4.4,4.9,5.4,4.8,4.8,4.3,5.8,5.7,5.4,5.1,5.7,5.1,5.4,5.1,4.6,5.1,4.8,5,5,5.2,5.2,4.7,4.8,5.4,5.2,5.5,4.9,5,5.5,4.9,4.4,5.1,5,4.5,4.4,5,5.1,4.8,5.1,4.6,5.3,5,7,6.4,6.9,5.5,6.5,5.7,6.3,4.9,6.6,5.2,5,5.9,6,6.1,5.6,6.7,5.6,5.8,6.2,5.6,5.9,6.1,6.3,6.1,6.4,6.6,6.8,6.7,6,5.7,5.5,5.5,5.8,6,5.4,6,6.7,6.3,5.6,5.5,5.5,6.1,5.8,5,5.6,5.7,5.7,6.2,5.1,5.7,6.3,5.8,7.1,6.3,6.5,7.6,4.9,7.3,6.7,7.2,6.5,6.4,6.8,5.7,5.8,6.4,6.5,7.7,7.7,6,6.9,5.6,7.7,6.3,6.7,7.2,6.2,6.1,6.4,7.2,7.4,7.9,6.4,6.3,6.1,7.7,6.3,6.4,6,6.9,6.7,6.9,5.8,6.8,6.7,6.7,6.3,6.5,6.2,5.9],[3.5,3,3.2,3.1,3.6,3.9,3.4,3.4,2.9,3.1,3.7,3.4,3,3,4,4.4,3.9,3.5,3.8,3.8,3.4,3.7,3.6,3.3,3.4,3,3.4,3.5,3.4,3.2,3.1,3.4,4.1,4.2,3.1,3.2,3.5,3.6,3,3.4,3.5,2.3,3.2,3.5,3.8,3,3.8,3.2,3.7,3.3,3.2,3.2,3.1,2.3,2.8,2.8,3.3,2.4,2.9,2.7,2,3,2.2,2.9,2.9,3.1,3,2.7,2.2,2.5,3.2,2.8,2.5,2.8,2.9,3,2.8,3,2.9,2.6,2.4,2.4,2.7,2.7,3,3.4,3.1,2.3,3,2.5,2.6,3,2.6,2.3,2.7,3,2.9,2.9,2.5,2.8,3.3,2.7,3,2.9,3,3,2.5,2.9,2.5,3.6,3.2,2.7,3,2.5,2.8,3.2,3,3.8,2.6,2.2,3.2,2.8,2.8,2.7,3.3,3.2,2.8,3,2.8,3,2.8,3.8,2.8,2.8,2.6,3,3.4,3.1,3,3.1,3.1,3.1,2.7,3.2,3.3,3,2.5,3,3.4,3],[1.4,1.4,1.3,1.5,1.4,1.7,1.4,1.5,1.4,1.5,1.5,1.6,1.4,1.1,1.2,1.5,1.3,1.4,1.7,1.5,1.7,1.5,1,1.7,1.9,1.6,1.6,1.5,1.4,1.6,1.6,1.5,1.5,1.4,1.5,1.2,1.3,1.4,1.3,1.5,1.3,1.3,1.3,1.6,1.9,1.4,1.6,1.4,1.5,1.4,4.7,4.5,4.9,4,4.6,4.5,4.7,3.3,4.6,3.9,3.5,4.2,4,4.7,3.6,4.4,4.5,4.1,4.5,3.9,4.8,4,4.9,4.7,4.3,4.4,4.8,5,4.5,3.5,3.8,3.7,3.9,5.1,4.5,4.5,4.7,4.4,4.1,4,4.4,4.6,4,3.3,4.2,4.2,4.2,4.3,3,4.1,6,5.1,5.9,5.6,5.8,6.6,4.5,6.3,5.8,6.1,5.1,5.3,5.5,5,5.1,5.3,5.5,6.7,6.9,5,5.7,4.9,6.7,4.9,5.7,6,4.8,4.9,5.6,5.8,6.1,6.4,5.6,5.1,5.6,6.1,5.6,5.5,4.8,5.4,5.6,5.1,5.1,5.9,5.7,5.2,5,5.2,5.4,5.1],[0.2,0.2,0.2,0.2,0.2,0.4,0.3,0.2,0.2,0.1,0.2,0.2,0.1,0.1,0.2,0.4,0.4,0.3,0.3,0.3,0.2,0.4,0.2,0.5,0.2,0.2,0.4,0.2,0.2,0.2,0.2,0.4,0.1,0.2,0.2,0.2,0.2,0.1,0.2,0.2,0.3,0.3,0.2,0.6,0.4,0.3,0.2,0.2,0.2,0.2,1.4,1.5,1.5,1.3,1.5,1.3,1.6,1,1.3,1.4,1,1.5,1,1.4,1.3,1.4,1.5,1,1.5,1.1,1.8,1.3,1.5,1.2,1.3,1.4,1.4,1.7,1.5,1,1.1,1,1.2,1.6,1.5,1.6,1.5,1.3,1.3,1.3,1.2,1.4,1.2,1,1.3,1.2,1.3,1.3,1.1,1.3,2.5,1.9,2.1,1.8,2.2,2.1,1.7,1.8,1.8,2.5,2,1.9,2.1,2,2.4,2.3,1.8,2.2,2.3,1.5,2.3,2,2,1.8,2.1,1.8,1.8,1.8,2.1,1.6,1.9,2,2.2,1.5,1.4,2.3,2.4,1.8,1.8,2.1,2.4,2.3,1.9,2.3,2.5,2.3,1.9,2,2.3,1.8],["setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","setosa","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","versicolor","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica","virginica"]],"container":"\n \n \n
<\/th>\n Sepal.Length<\/th>\n Sepal.Width<\/th>\n Petal.Length<\/th>\n Petal.Width<\/th>\n Species<\/th>\n <\/tr>\n <\/thead>\n<\/table>","options":{"pageLength":5,"columnDefs":[{"className":"dt-right","targets":[1,2,3,4]},{"orderable":false,"targets":0}],"order":[],"autoWidth":false,"orderClasses":false,"lengthMenu":[5,10,25,50,100]}},"evals":[],"jsHooks":[]}</script>

rbokeh

Interface to the Bokeh library for making interactive graphics.

library(rbokeh)
figure(width = 400, height=400) %>%
  ly_points(Sepal.Length, Sepal.Width, data = iris,
    color = Species, glyph = Species,
    hover = list(Sepal.Length, Sepal.Width))
<script type="application/json" data-for="htmlwidget-262eed3c40e5a865c950">{"x":{"elementid":"db536c0ce8c0ed98110432ea3af0acfc","modeltype":"Plot","modelid":"3cf77c5bf4a3ab2f26743d29e2eb8466","docid":"6332ad54502059235d2c4eab1c11dd1a","docs_json":{"6332ad54502059235d2c4eab1c11dd1a":{"version":"0.12.2","title":"Bokeh Figure","roots":{"root_ids":["3cf77c5bf4a3ab2f26743d29e2eb8466"],"references":[{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","attributes":{"id":"3cf77c5bf4a3ab2f26743d29e2eb8466","plot_width":400,"plot_height":400,"sizing_mode":"scale_both","x_range":{"type":"Range1d","id":"f93b9a4ca94de8b608b1846ec2785d7e"},"y_range":{"type":"Range1d","id":"daa238cfc137dd33517effd3ec4ef049"},"left":[{"type":"LinearAxis","id":"49b3fee376f573a6825421aaa9de0a71"}],"below":[{"type":"LinearAxis","id":"e13b2f81f7a6796818d9c1a9536609e1"}],"right":[],"above":[],"renderers":[{"type":"BoxAnnotation","id":"137c9e3596212d487d025e39efa4871f"},{"type":"GlyphRenderer","id":"e4b80ed6f28a6f80fb9a27c0c90718a5"},{"type":"GlyphRenderer","id":"2fbbcb0396ddfac81ea9f5bad8c4cd72"},{"type":"GlyphRenderer","id":"1693dc31a58485db6108de30c481e45d"},{"type":"GlyphRenderer","id":"5609d90c6d4bf7bd3f223b7f3d69d41b"},{"type":"GlyphRenderer","id":"2950636ead8b453429c479f24496b63f"},{"type":"GlyphRenderer","id":"43f1a021e601247ecee1df362178e6ed"},{"type":"Legend","id":"8ad6bda4dbe6cf252d63883e8e6339c0"},{"type":"LinearAxis","id":"e13b2f81f7a6796818d9c1a9536609e1"},{"type":"Grid","id":"2b9d7571fa36174e1564e11e90f5593e"},{"type":"LinearAxis","id":"49b3fee376f573a6825421aaa9de0a71"},{"type":"Grid","id":"88717972af34db0cef3257606da59df1"}],"extra_y_ranges":{},"extra_x_ranges":{},"tags":[],"min_border_left":4,"min_border_right":4,"min_border_top":4,"min_border_bottom":4,"lod_threshold":null,"toolbar":{"type":"Toolbar","id":"9517cb094e0c8d0861c0cf3028dd2ee8"},"tool_events":{"type":"ToolEvents","id":"34bfb63d9da16102c15a2ba6e9134095"}},"subtype":"Figure"},{"type":"Toolbar","id":"9517cb094e0c8d0861c0cf3028dd2ee8","attributes":{"id":"9517cb094e0c8d0861c0cf3028dd2ee8","tags":[],"active_drag":"auto","active_scroll":"auto","active_tap":"auto","tools":[{"type":"PanTool","id":"391f23cd18656fefed2a5cc50a8c43ac"},{"type":"WheelZoomTool","id":"53597eac6c15fe77d42c04468ad4a4a4"},{"type":"BoxZoomTool","id":"53935f889794c9285e8df4da5fc2e18f"},{"type":"ResetTool","id":"09eeb708147ec8dee62ea750d0a32e62"},{"type":"SaveTool","id":"a50caf878c564e021cbfe629398b259e"},{"type":"HelpTool","id":"7d53a3591210b218d15bdad5a5c79bb2"},{"type":"HoverTool","id":"c923dc56e52c7556eaac1a50e748c558"},{"type":"HoverTool","id":"b3e75b4285edea5f4428ff55de78a73b"},{"type":"HoverTool","id":"0b60a63d0c009423c7fd835904c52e2b"}],"logo":null}},{"type":"PanTool","id":"391f23cd18656fefed2a5cc50a8c43ac","attributes":{"id":"391f23cd18656fefed2a5cc50a8c43ac","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"dimensions":["width","height"]}},{"type":"ToolEvents","id":"34bfb63d9da16102c15a2ba6e9134095","attributes":{"id":"34bfb63d9da16102c15a2ba6e9134095","tags":[]},"geometries":[]},{"type":"WheelZoomTool","id":"53597eac6c15fe77d42c04468ad4a4a4","attributes":{"id":"53597eac6c15fe77d42c04468ad4a4a4","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"dimensions":["width","height"]}},{"type":"BoxAnnotation","id":"137c9e3596212d487d025e39efa4871f","attributes":{"id":"137c9e3596212d487d025e39efa4871f","tags":[],"line_color":{"units":"data","value":"black"},"line_alpha":{"units":"data","value":1},"fill_color":{"units":"data","value":"lightgrey"},"fill_alpha":{"units":"data","value":0.5},"line_dash":[4,4],"line_width":{"units":"data","value":2},"level":"overlay","top_units":"screen","bottom_units":"screen","left_units":"screen","right_units":"screen","render_mode":"css"}},{"type":"BoxZoomTool","id":"53935f889794c9285e8df4da5fc2e18f","attributes":{"id":"53935f889794c9285e8df4da5fc2e18f","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"overlay":{"type":"BoxAnnotation","id":"137c9e3596212d487d025e39efa4871f"}}},{"type":"ResetTool","id":"09eeb708147ec8dee62ea750d0a32e62","attributes":{"id":"09eeb708147ec8dee62ea750d0a32e62","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"}}},{"type":"SaveTool","id":"a50caf878c564e021cbfe629398b259e","attributes":{"id":"a50caf878c564e021cbfe629398b259e","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"}}},{"type":"HelpTool","id":"7d53a3591210b218d15bdad5a5c79bb2","attributes":{"id":"7d53a3591210b218d15bdad5a5c79bb2","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"redirect":"http://hafen.github.io/rbokeh","help_tooltip":"Click to learn more about rbokeh."}},{"type":"HoverTool","id":"c923dc56e52c7556eaac1a50e748c558","attributes":{"id":"c923dc56e52c7556eaac1a50e748c558","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"renderers":[{"type":"GlyphRenderer","id":"e4b80ed6f28a6f80fb9a27c0c90718a5"}],"names":[],"anchor":"center","attachment":"horizontal","line_policy":"prev","mode":"mouse","point_policy":"snap_to_data","tooltips":[["Sepal.Length","@hover_col_1"],["Sepal.Width","@hover_col_2"]]}},{"type":"ColumnDataSource","id":"adfcb9fe48f361573cc5e93db3f23036","attributes":{"id":"adfcb9fe48f361573cc5e93db3f23036","tags":[],"column_names":["x","y","line_color","fill_color","hover_col_1","hover_col_2"],"selected":[],"data":{"x":[5.1,4.9,4.7,4.6,5,5.4,4.6,5,4.4,4.9,5.4,4.8,4.8,4.3,5.8,5.7,5.4,5.1,5.7,5.1,5.4,5.1,4.6,5.1,4.8,5,5,5.2,5.2,4.7,4.8,5.4,5.2,5.5,4.9,5,5.5,4.9,4.4,5.1,5,4.5,4.4,5,5.1,4.8,5.1,4.6,5.3,5],"y":[3.5,3,3.2,3.1,3.6,3.9,3.4,3.4,2.9,3.1,3.7,3.4,3,3,4,4.4,3.9,3.5,3.8,3.8,3.4,3.7,3.6,3.3,3.4,3,3.4,3.5,3.4,3.2,3.1,3.4,4.1,4.2,3.1,3.2,3.5,3.6,3,3.4,3.5,2.3,3.2,3.5,3.8,3,3.8,3.2,3.7,3.3],"line_color":["#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4"],"fill_color":["#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4","#1F77B4"],"hover_col_1":["5.1","4.9","4.7","4.6","5.0","5.4","4.6","5.0","4.4","4.9","5.4","4.8","4.8","4.3","5.8","5.7","5.4","5.1","5.7","5.1","5.4","5.1","4.6","5.1","4.8","5.0","5.0","5.2","5.2","4.7","4.8","5.4","5.2","5.5","4.9","5.0","5.5","4.9","4.4","5.1","5.0","4.5","4.4","5.0","5.1","4.8","5.1","4.6","5.3","5.0"],"hover_col_2":["3.5","3.0","3.2","3.1","3.6","3.9","3.4","3.4","2.9","3.1","3.7","3.4","3.0","3.0","4.0","4.4","3.9","3.5","3.8","3.8","3.4","3.7","3.6","3.3","3.4","3.0","3.4","3.5","3.4","3.2","3.1","3.4","4.1","4.2","3.1","3.2","3.5","3.6","3.0","3.4","3.5","2.3","3.2","3.5","3.8","3.0","3.8","3.2","3.7","3.3"]}}},{"type":"Circle","id":"ac27d198cee4f8b12648e091c85ca74c","attributes":{"id":"ac27d198cee4f8b12648e091c85ca74c","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","field":"line_color"},"fill_color":{"units":"data","field":"fill_color"}}},{"type":"Circle","id":"fa3d572e9cd09224219f936d54aef9c1","attributes":{"id":"fa3d572e9cd09224219f936d54aef9c1","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","value":"#e1e1e1"},"fill_color":{"units":"data","value":"#e1e1e1"}}},{"type":"Circle","id":"34ab643d16e3315e08222de0c33759a7","attributes":{"id":"34ab643d16e3315e08222de0c33759a7","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":1},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","field":"line_color"},"fill_color":{"units":"data","field":"fill_color"}}},{"type":"GlyphRenderer","id":"e4b80ed6f28a6f80fb9a27c0c90718a5","attributes":{"id":"e4b80ed6f28a6f80fb9a27c0c90718a5","tags":[],"selection_glyph":null,"nonselection_glyph":{"type":"Circle","id":"fa3d572e9cd09224219f936d54aef9c1"},"hover_glyph":{"type":"Circle","id":"34ab643d16e3315e08222de0c33759a7"},"name":null,"data_source":{"type":"ColumnDataSource","id":"adfcb9fe48f361573cc5e93db3f23036"},"glyph":{"type":"Circle","id":"ac27d198cee4f8b12648e091c85ca74c"}}},{"type":"HoverTool","id":"b3e75b4285edea5f4428ff55de78a73b","attributes":{"id":"b3e75b4285edea5f4428ff55de78a73b","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"renderers":[{"type":"GlyphRenderer","id":"2fbbcb0396ddfac81ea9f5bad8c4cd72"}],"names":[],"anchor":"center","attachment":"horizontal","line_policy":"prev","mode":"mouse","point_policy":"snap_to_data","tooltips":[["Sepal.Length","@hover_col_1"],["Sepal.Width","@hover_col_2"]]}},{"type":"ColumnDataSource","id":"5bd9a46d602b32f06044a0fb638181c2","attributes":{"id":"5bd9a46d602b32f06044a0fb638181c2","tags":[],"column_names":["x","y","line_color","fill_color","hover_col_1","hover_col_2"],"selected":[],"data":{"x":[7,6.4,6.9,5.5,6.5,5.7,6.3,4.9,6.6,5.2,5,5.9,6,6.1,5.6,6.7,5.6,5.8,6.2,5.6,5.9,6.1,6.3,6.1,6.4,6.6,6.8,6.7,6,5.7,5.5,5.5,5.8,6,5.4,6,6.7,6.3,5.6,5.5,5.5,6.1,5.8,5,5.6,5.7,5.7,6.2,5.1,5.7],"y":[3.2,3.2,3.1,2.3,2.8,2.8,3.3,2.4,2.9,2.7,2,3,2.2,2.9,2.9,3.1,3,2.7,2.2,2.5,3.2,2.8,2.5,2.8,2.9,3,2.8,3,2.9,2.6,2.4,2.4,2.7,2.7,3,3.4,3.1,2.3,3,2.5,2.6,3,2.6,2.3,2.7,3,2.9,2.9,2.5,2.8],"line_color":["#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E"],"fill_color":["#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E","#FF7F0E"],"hover_col_1":["7.0","6.4","6.9","5.5","6.5","5.7","6.3","4.9","6.6","5.2","5.0","5.9","6.0","6.1","5.6","6.7","5.6","5.8","6.2","5.6","5.9","6.1","6.3","6.1","6.4","6.6","6.8","6.7","6.0","5.7","5.5","5.5","5.8","6.0","5.4","6.0","6.7","6.3","5.6","5.5","5.5","6.1","5.8","5.0","5.6","5.7","5.7","6.2","5.1","5.7"],"hover_col_2":["3.2","3.2","3.1","2.3","2.8","2.8","3.3","2.4","2.9","2.7","2.0","3.0","2.2","2.9","2.9","3.1","3.0","2.7","2.2","2.5","3.2","2.8","2.5","2.8","2.9","3.0","2.8","3.0","2.9","2.6","2.4","2.4","2.7","2.7","3.0","3.4","3.1","2.3","3.0","2.5","2.6","3.0","2.6","2.3","2.7","3.0","2.9","2.9","2.5","2.8"]}}},{"type":"Square","id":"7cc146eab90eff76b3333c79d1a4537c","attributes":{"id":"7cc146eab90eff76b3333c79d1a4537c","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","field":"line_color"},"fill_color":{"units":"data","field":"fill_color"}}},{"type":"Square","id":"4945aac2dbade64c2c4b430e63c1ced6","attributes":{"id":"4945aac2dbade64c2c4b430e63c1ced6","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","value":"#e1e1e1"},"fill_color":{"units":"data","value":"#e1e1e1"}}},{"type":"Square","id":"3b066210cb7666cf2f346ed2eadc2935","attributes":{"id":"3b066210cb7666cf2f346ed2eadc2935","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":1},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","field":"line_color"},"fill_color":{"units":"data","field":"fill_color"}}},{"type":"GlyphRenderer","id":"2fbbcb0396ddfac81ea9f5bad8c4cd72","attributes":{"id":"2fbbcb0396ddfac81ea9f5bad8c4cd72","tags":[],"selection_glyph":null,"nonselection_glyph":{"type":"Square","id":"4945aac2dbade64c2c4b430e63c1ced6"},"hover_glyph":{"type":"Square","id":"3b066210cb7666cf2f346ed2eadc2935"},"name":null,"data_source":{"type":"ColumnDataSource","id":"5bd9a46d602b32f06044a0fb638181c2"},"glyph":{"type":"Square","id":"7cc146eab90eff76b3333c79d1a4537c"}}},{"type":"HoverTool","id":"0b60a63d0c009423c7fd835904c52e2b","attributes":{"id":"0b60a63d0c009423c7fd835904c52e2b","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"renderers":[{"type":"GlyphRenderer","id":"1693dc31a58485db6108de30c481e45d"}],"names":[],"anchor":"center","attachment":"horizontal","line_policy":"prev","mode":"mouse","point_policy":"snap_to_data","tooltips":[["Sepal.Length","@hover_col_1"],["Sepal.Width","@hover_col_2"]]}},{"type":"ColumnDataSource","id":"d8cbb7a6b084f453a3833112368a5aac","attributes":{"id":"d8cbb7a6b084f453a3833112368a5aac","tags":[],"column_names":["x","y","line_color","fill_color","hover_col_1","hover_col_2"],"selected":[],"data":{"x":[6.3,5.8,7.1,6.3,6.5,7.6,4.9,7.3,6.7,7.2,6.5,6.4,6.8,5.7,5.8,6.4,6.5,7.7,7.7,6,6.9,5.6,7.7,6.3,6.7,7.2,6.2,6.1,6.4,7.2,7.4,7.9,6.4,6.3,6.1,7.7,6.3,6.4,6,6.9,6.7,6.9,5.8,6.8,6.7,6.7,6.3,6.5,6.2,5.9],"y":[3.3,2.7,3,2.9,3,3,2.5,2.9,2.5,3.6,3.2,2.7,3,2.5,2.8,3.2,3,3.8,2.6,2.2,3.2,2.8,2.8,2.7,3.3,3.2,2.8,3,2.8,3,2.8,3.8,2.8,2.8,2.6,3,3.4,3.1,3,3.1,3.1,3.1,2.7,3.2,3.3,3,2.5,3,3.4,3],"line_color":["#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C"],"fill_color":["#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C","#2CA02C"],"hover_col_1":["6.3","5.8","7.1","6.3","6.5","7.6","4.9","7.3","6.7","7.2","6.5","6.4","6.8","5.7","5.8","6.4","6.5","7.7","7.7","6.0","6.9","5.6","7.7","6.3","6.7","7.2","6.2","6.1","6.4","7.2","7.4","7.9","6.4","6.3","6.1","7.7","6.3","6.4","6.0","6.9","6.7","6.9","5.8","6.8","6.7","6.7","6.3","6.5","6.2","5.9"],"hover_col_2":["3.3","2.7","3.0","2.9","3.0","3.0","2.5","2.9","2.5","3.6","3.2","2.7","3.0","2.5","2.8","3.2","3.0","3.8","2.6","2.2","3.2","2.8","2.8","2.7","3.3","3.2","2.8","3.0","2.8","3.0","2.8","3.8","2.8","2.8","2.6","3.0","3.4","3.1","3.0","3.1","3.1","3.1","2.7","3.2","3.3","3.0","2.5","3.0","3.4","3.0"]}}},{"type":"Triangle","id":"672a55c76bffed02670b38ec1f648ec4","attributes":{"id":"672a55c76bffed02670b38ec1f648ec4","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","field":"line_color"},"fill_color":{"units":"data","field":"fill_color"}}},{"type":"Triangle","id":"bfdbba922dca64282f249d9ff95add8e","attributes":{"id":"bfdbba922dca64282f249d9ff95add8e","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","value":"#e1e1e1"},"fill_color":{"units":"data","value":"#e1e1e1"}}},{"type":"Triangle","id":"4ffe95385cf696d677d5ce4dfa648109","attributes":{"id":"4ffe95385cf696d677d5ce4dfa648109","tags":[],"size":{"units":"screen","value":10},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":1},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"},"line_color":{"units":"data","field":"line_color"},"fill_color":{"units":"data","field":"fill_color"}}},{"type":"GlyphRenderer","id":"1693dc31a58485db6108de30c481e45d","attributes":{"id":"1693dc31a58485db6108de30c481e45d","tags":[],"selection_glyph":null,"nonselection_glyph":{"type":"Triangle","id":"bfdbba922dca64282f249d9ff95add8e"},"hover_glyph":{"type":"Triangle","id":"4ffe95385cf696d677d5ce4dfa648109"},"name":null,"data_source":{"type":"ColumnDataSource","id":"d8cbb7a6b084f453a3833112368a5aac"},"glyph":{"type":"Triangle","id":"672a55c76bffed02670b38ec1f648ec4"}}},{"type":"ColumnDataSource","id":"5fdaa44574286211807b8d6825519771","attributes":{"id":"5fdaa44574286211807b8d6825519771","tags":[],"column_names":["x","y"],"selected":[],"data":{"x":[null,null],"y":[null,null]}}},{"type":"Circle","id":"dd272d66f2e099d535866c21ad5fdf70","attributes":{"id":"dd272d66f2e099d535866c21ad5fdf70","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"line_color":{"units":"data","value":"#1F77B4"},"fill_color":{"units":"data","value":"#1F77B4"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"Circle","id":"f9d298d80999ebc1ff7337b08a1183c0","attributes":{"id":"f9d298d80999ebc1ff7337b08a1183c0","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"line_color":{"units":"data","value":"#e1e1e1"},"fill_color":{"units":"data","value":"#e1e1e1"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"Circle","id":"b548ceac8240b4c06e7f29b9159b9cf1","attributes":{"id":"b548ceac8240b4c06e7f29b9159b9cf1","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":1},"line_color":{"units":"data","value":"#1F77B4"},"fill_color":{"units":"data","value":"#1F77B4"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"GlyphRenderer","id":"5609d90c6d4bf7bd3f223b7f3d69d41b","attributes":{"id":"5609d90c6d4bf7bd3f223b7f3d69d41b","tags":[],"selection_glyph":null,"nonselection_glyph":{"type":"Circle","id":"f9d298d80999ebc1ff7337b08a1183c0"},"hover_glyph":{"type":"Circle","id":"b548ceac8240b4c06e7f29b9159b9cf1"},"name":null,"data_source":{"type":"ColumnDataSource","id":"5fdaa44574286211807b8d6825519771"},"glyph":{"type":"Circle","id":"dd272d66f2e099d535866c21ad5fdf70"}}},{"type":"Square","id":"23df85ce3e74473bbcc196674c80fb9b","attributes":{"id":"23df85ce3e74473bbcc196674c80fb9b","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"line_color":{"units":"data","value":"#FF7F0E"},"fill_color":{"units":"data","value":"#FF7F0E"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"Square","id":"aa5d2f81ad2c50f90b4b789de3fd58c4","attributes":{"id":"aa5d2f81ad2c50f90b4b789de3fd58c4","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"line_color":{"units":"data","value":"#e1e1e1"},"fill_color":{"units":"data","value":"#e1e1e1"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"Square","id":"5b762c0d2dc17dd833999dcc5b587928","attributes":{"id":"5b762c0d2dc17dd833999dcc5b587928","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":1},"line_color":{"units":"data","value":"#FF7F0E"},"fill_color":{"units":"data","value":"#FF7F0E"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"GlyphRenderer","id":"2950636ead8b453429c479f24496b63f","attributes":{"id":"2950636ead8b453429c479f24496b63f","tags":[],"selection_glyph":null,"nonselection_glyph":{"type":"Square","id":"aa5d2f81ad2c50f90b4b789de3fd58c4"},"hover_glyph":{"type":"Square","id":"5b762c0d2dc17dd833999dcc5b587928"},"name":null,"data_source":{"type":"ColumnDataSource","id":"5fdaa44574286211807b8d6825519771"},"glyph":{"type":"Square","id":"23df85ce3e74473bbcc196674c80fb9b"}}},{"type":"Triangle","id":"e0b445ad48686c895602fbbfd2a17608","attributes":{"id":"e0b445ad48686c895602fbbfd2a17608","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"line_color":{"units":"data","value":"#2CA02C"},"fill_color":{"units":"data","value":"#2CA02C"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"Triangle","id":"6089af396431a975271cbc9ebce8afb1","attributes":{"id":"6089af396431a975271cbc9ebce8afb1","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":0.5},"line_color":{"units":"data","value":"#e1e1e1"},"fill_color":{"units":"data","value":"#e1e1e1"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"Triangle","id":"9543e8fd31cd080b87ffedb64ade7181","attributes":{"id":"9543e8fd31cd080b87ffedb64ade7181","tags":[],"size":{"units":"screen","value":0},"visible":true,"line_alpha":{"units":"data","value":1},"fill_alpha":{"units":"data","value":1},"line_color":{"units":"data","value":"#2CA02C"},"fill_color":{"units":"data","value":"#2CA02C"},"x":{"units":"data","field":"x"},"y":{"units":"data","field":"y"}}},{"type":"GlyphRenderer","id":"43f1a021e601247ecee1df362178e6ed","attributes":{"id":"43f1a021e601247ecee1df362178e6ed","tags":[],"selection_glyph":null,"nonselection_glyph":{"type":"Triangle","id":"6089af396431a975271cbc9ebce8afb1"},"hover_glyph":{"type":"Triangle","id":"9543e8fd31cd080b87ffedb64ade7181"},"name":null,"data_source":{"type":"ColumnDataSource","id":"5fdaa44574286211807b8d6825519771"},"glyph":{"type":"Triangle","id":"e0b445ad48686c895602fbbfd2a17608"}}},{"type":"Legend","id":"8ad6bda4dbe6cf252d63883e8e6339c0","attributes":{"id":"8ad6bda4dbe6cf252d63883e8e6339c0","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"legends":[["Species",[]],[" setosa",[{"type":"GlyphRenderer","id":"5609d90c6d4bf7bd3f223b7f3d69d41b"}]],[" versicolor",[{"type":"GlyphRenderer","id":"2950636ead8b453429c479f24496b63f"}]],[" virginica",[{"type":"GlyphRenderer","id":"43f1a021e601247ecee1df362178e6ed"}]]],"location":"top_right"}},{"type":"Range1d","id":"f93b9a4ca94de8b608b1846ec2785d7e","attributes":{"id":"f93b9a4ca94de8b608b1846ec2785d7e","tags":[],"start":4.048,"end":8.152}},{"type":"Range1d","id":"daa238cfc137dd33517effd3ec4ef049","attributes":{"id":"daa238cfc137dd33517effd3ec4ef049","tags":[],"start":1.832,"end":4.568}},{"type":"LinearAxis","id":"e13b2f81f7a6796818d9c1a9536609e1","attributes":{"id":"e13b2f81f7a6796818d9c1a9536609e1","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"axis_label":"Sepal.Length","formatter":{"type":"BasicTickFormatter","id":"679348e842bb263c0a95a722687e0f43"},"ticker":{"type":"BasicTicker","id":"ba6bea703790463be3a472ae9d713429"},"visible":true,"axis_label_text_font_size":"12pt"}},{"type":"BasicTickFormatter","id":"679348e842bb263c0a95a722687e0f43","attributes":{"id":"679348e842bb263c0a95a722687e0f43","tags":[]}},{"type":"BasicTicker","id":"ba6bea703790463be3a472ae9d713429","attributes":{"id":"ba6bea703790463be3a472ae9d713429","tags":[],"num_minor_ticks":5}},{"type":"Grid","id":"2b9d7571fa36174e1564e11e90f5593e","attributes":{"id":"2b9d7571fa36174e1564e11e90f5593e","tags":[],"dimension":0,"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"ticker":{"type":"BasicTicker","id":"ba6bea703790463be3a472ae9d713429"}}},{"type":"LinearAxis","id":"49b3fee376f573a6825421aaa9de0a71","attributes":{"id":"49b3fee376f573a6825421aaa9de0a71","tags":[],"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"axis_label":"Sepal.Width","formatter":{"type":"BasicTickFormatter","id":"6eee5c1b9d6682d219552f538b93a046"},"ticker":{"type":"BasicTicker","id":"a4541623ca27aef1ce5c8beba9abf260"},"visible":true,"axis_label_text_font_size":"12pt"}},{"type":"BasicTickFormatter","id":"6eee5c1b9d6682d219552f538b93a046","attributes":{"id":"6eee5c1b9d6682d219552f538b93a046","tags":[]}},{"type":"BasicTicker","id":"a4541623ca27aef1ce5c8beba9abf260","attributes":{"id":"a4541623ca27aef1ce5c8beba9abf260","tags":[],"num_minor_ticks":5}},{"type":"Grid","id":"88717972af34db0cef3257606da59df1","attributes":{"id":"88717972af34db0cef3257606da59df1","tags":[],"dimension":1,"plot":{"type":"Plot","id":"3cf77c5bf4a3ab2f26743d29e2eb8466","subtype":"Figure"},"ticker":{"type":"BasicTicker","id":"a4541623ca27aef1ce5c8beba9abf260"}}}]}}},"debug":false},"evals":[],"jsHooks":[]}</script>

Leaflet

Leaflet is a really powerful JavaScript library for creating dynamic maps that support panning and zooming along with various annotations like markers, polygons, and popups.

library(leaflet)
library(ggmap)
geocode("Buffalo, NY")
##   lon lat
## 1  NA  NA

m <- leaflet() %>% setView(lng = -78.87837, lat = 42.88645, zoom = 12) %>% 
  addTiles()
frameWidget(m,height =500)
<script type="application/json" data-for="htmlwidget-0e77ca7a661464ba8437">{"x":{"url":"PS_12_files/figure-revealjs//widgets/widget_unnamed-chunk-3.html","options":{"xdomain":"*","allowfullscreen":false,"lazyload":false}},"evals":[],"jsHooks":[]}</script>

dygraphs

Provides rich facilities for charting time-series data in R, including highly configurable series- and axis-display and interactive features like zoom/pan and series/point highlighting.

library(dygraphs)
dygraph(nhtemp, main = "New Haven Temperatures",height = 100) %>% 
  dyRangeSelector(dateWindow = c("1920-01-01", "1960-01-01"))%>%
  frameWidget(height =500)
<script type="application/json" data-for="htmlwidget-f149cd1b9c742970504a">{"x":{"url":"PS_12_files/figure-revealjs//widgets/widget_unnamed-chunk-4.html","options":{"xdomain":"*","allowfullscreen":false,"lazyload":false}},"evals":[],"jsHooks":[]}</script>

rthreejs

Create interactive 3D scatter plots, network plots, and globes using the 'three.js' visualization library.

#devtools::install_github("bwlewis/rthreejs")
library(threejs)
z <- seq(-10, 10, 0.1)
x <- cos(z)
y <- sin(z)
scatterplot3js(x, y, z, color=rainbow(length(z)))

networkD3

Creates 'D3' 'JavaScript' network, tree, dendrogram, and Sankey graphs from 'R'.

library(igraph)
library(networkD3)

Load example network

This loads an example social network of friendships between 34 members of a karate club at a US university in the 1970s. See W. W. Zachary, An information flow model for conflict and fission in small groups, Journal of Anthropological Research 33, 452-473 (1977).

karate <- make_graph("Zachary")
wc <- cluster_walktrap(karate)
members <- membership(wc)

# Convert to object suitable for networkD3
karate_d3 <- igraph_to_networkD3(karate, group = members)

Force directed network plot

forceNetwork(Links = karate_d3$links, Nodes = karate_d3$nodes,
             Source = 'source', Target = 'target', NodeID = 'name',
             Group = 'group')%>%
  frameWidget(height =500)
<script type="application/json" data-for="htmlwidget-40fec63577ad8ff6a93e">{"x":{"url":"PS_12_files/figure-revealjs//widgets/widget_unnamed-chunk-8.html","options":{"xdomain":"*","allowfullscreen":false,"lazyload":false}},"evals":[],"jsHooks":[]}</script>

Sankey Network graph

Sankey diagrams are flow diagrams in which the width of the arrows is shown proportionally to the flow quantity.

# Load energy projection data
library(jsonlite)
URL <- paste0(
        "https://cdn.rawgit.com/christophergandrud/networkD3/",
        "master/JSONdata/energy.json")
Energy <- fromJSON(URL)
sankeyNetwork(Links = Energy$links, Nodes = Energy$nodes, Source = "source",
             Target = "target", Value = "value", NodeID = "name",
             units = "TWh", fontSize = 12, nodeWidth = 30)%>%
  frameWidget(height =500)
<script type="application/json" data-for="htmlwidget-e21533eb2f69a2140583">{"x":{"url":"PS_12_files/figure-revealjs//widgets/widget_unnamed-chunk-10.html","options":{"xdomain":"*","allowfullscreen":false,"lazyload":false}},"evals":[],"jsHooks":[]}</script>

Radial Network

URL <- paste0(
        "https://cdn.rawgit.com/christophergandrud/networkD3/",
        "master/JSONdata//flare.json")

## Convert to list format
Flare <- jsonlite::fromJSON(URL, simplifyDataFrame = FALSE)
# Use subset of data for more readable diagram
Flare$children = Flare$children[1:3]

radialNetwork(List = Flare, fontSize = 10, opacity = 0.9, height = 400, width=400)
<script type="application/json" data-for="htmlwidget-543758fd929a9be08865">{"x":{"root":{"name":"flare","children":[{"name":"analytics","children":[{"name":"cluster","children":[{"name":"AgglomerativeCluster","size":3938},{"name":"CommunityStructure","size":3812},{"name":"HierarchicalCluster","size":6714},{"name":"MergeEdge","size":743}]},{"name":"graph","children":[{"name":"BetweennessCentrality","size":3534},{"name":"LinkDistance","size":5731},{"name":"MaxFlowMinCut","size":7840},{"name":"ShortestPaths","size":5914},{"name":"SpanningTree","size":3416}]},{"name":"optimization","children":[{"name":"AspectRatioBanker","size":7074}]}]},{"name":"animate","children":[{"name":"Easing","size":17010},{"name":"FunctionSequence","size":5842},{"name":"interpolate","children":[{"name":"ArrayInterpolator","size":1983},{"name":"ColorInterpolator","size":2047},{"name":"DateInterpolator","size":1375},{"name":"Interpolator","size":8746},{"name":"MatrixInterpolator","size":2202},{"name":"NumberInterpolator","size":1382},{"name":"ObjectInterpolator","size":1629},{"name":"PointInterpolator","size":1675},{"name":"RectangleInterpolator","size":2042}]},{"name":"ISchedulable","size":1041},{"name":"Parallel","size":5176},{"name":"Pause","size":449},{"name":"Scheduler","size":5593},{"name":"Sequence","size":5534},{"name":"Transition","size":9201},{"name":"Transitioner","size":19975},{"name":"TransitionEvent","size":1116},{"name":"Tween","size":6006}]},{"name":"data","children":[{"name":"converters","children":[{"name":"Converters","size":721},{"name":"DelimitedTextConverter","size":4294},{"name":"GraphMLConverter","size":9800},{"name":"IDataConverter","size":1314},{"name":"JSONConverter","size":2220}]},{"name":"DataField","size":1759},{"name":"DataSchema","size":2165},{"name":"DataSet","size":586},{"name":"DataSource","size":3331},{"name":"DataTable","size":772},{"name":"DataUtil","size":3322}]}]},"options":{"height":400,"width":400,"fontSize":10,"fontFamily":"serif","linkColour":"#ccc","nodeColour":"#fff","nodeStroke":"steelblue","textColour":"#111","margin":{"top":null,"right":null,"bottom":null,"left":null},"opacity":0.9}},"evals":[],"jsHooks":[]}</script>

Diagonal Network

diagonalNetwork(List = Flare, fontSize = 10, opacity = 0.9, height = 400, width=400)
<script type="application/json" data-for="htmlwidget-21b0096cc477caca8e0f">{"x":{"root":{"name":"flare","children":[{"name":"analytics","children":[{"name":"cluster","children":[{"name":"AgglomerativeCluster","size":3938},{"name":"CommunityStructure","size":3812},{"name":"HierarchicalCluster","size":6714},{"name":"MergeEdge","size":743}]},{"name":"graph","children":[{"name":"BetweennessCentrality","size":3534},{"name":"LinkDistance","size":5731},{"name":"MaxFlowMinCut","size":7840},{"name":"ShortestPaths","size":5914},{"name":"SpanningTree","size":3416}]},{"name":"optimization","children":[{"name":"AspectRatioBanker","size":7074}]}]},{"name":"animate","children":[{"name":"Easing","size":17010},{"name":"FunctionSequence","size":5842},{"name":"interpolate","children":[{"name":"ArrayInterpolator","size":1983},{"name":"ColorInterpolator","size":2047},{"name":"DateInterpolator","size":1375},{"name":"Interpolator","size":8746},{"name":"MatrixInterpolator","size":2202},{"name":"NumberInterpolator","size":1382},{"name":"ObjectInterpolator","size":1629},{"name":"PointInterpolator","size":1675},{"name":"RectangleInterpolator","size":2042}]},{"name":"ISchedulable","size":1041},{"name":"Parallel","size":5176},{"name":"Pause","size":449},{"name":"Scheduler","size":5593},{"name":"Sequence","size":5534},{"name":"Transition","size":9201},{"name":"Transitioner","size":19975},{"name":"TransitionEvent","size":1116},{"name":"Tween","size":6006}]},{"name":"data","children":[{"name":"converters","children":[{"name":"Converters","size":721},{"name":"DelimitedTextConverter","size":4294},{"name":"GraphMLConverter","size":9800},{"name":"IDataConverter","size":1314},{"name":"JSONConverter","size":2220}]},{"name":"DataField","size":1759},{"name":"DataSchema","size":2165},{"name":"DataSet","size":586},{"name":"DataSource","size":3331},{"name":"DataTable","size":772},{"name":"DataUtil","size":3322}]}]},"options":{"height":400,"width":400,"fontSize":10,"fontFamily":"serif","linkColour":"#ccc","nodeColour":"#fff","nodeStroke":"steelblue","textColour":"#111","margin":{"top":null,"right":null,"bottom":null,"left":null},"opacity":0.9}},"evals":[],"jsHooks":[]}</script>

rglwidget

RGL provides 3D interactive graphics, including functions modelled on base graphics (plot3d(), etc.) as well as functions for constructing representations of geometric objects (cube3d(), etc.). You may need to install XQuartz.

library(rgl)
library(rglwidget)
library(htmltools)

theta <- seq(0, 6*pi, len=100)
xyz <- cbind(sin(theta), cos(theta), theta)
lineid <- plot3d(xyz, type="l", alpha = 1:0, 
                 lwd = 5, col = "blue")["data"]

Animate an interactive 3D process

browsable(tagList(
  rglwidget(elementId = "example", width = 500, height = 400,
            controllers = "player"),
  playwidget("example", 
             ageControl(births = theta, ages = c(0, 0, 1),
                        objids = lineid, alpha = c(0, 1, 0)),
                        start = 1, stop = 6*pi, step = 0.1, 
                        rate = 6,elementId = "player")
))%>%save_html(file="rgl.html")
<iframe class='embed-responsive-item' src='rgl.html' width=100% height=700px allowfullscreen></iframe>