In nachocab/clickme: Straight from R to JS: Create interactive visualizations from R
<title>{{{ params$title }}}</title>
{{{ get_assets() }}}
<style>
text{
font-family: {{{ params$font }}};
}
</style>
</head>
<body>
<div class="g-search hideable">
<input type="text" placeholder="Search…">
<button style="display:none;" class="g-search-clear">X</button>
</div>
<script type="text/javascript">
plot = new_plot({
data: {{ data }},
data_ranges: {{{ get_data_ranges() }}},
categorical_domains: {{{ get_categorical_domains() }}},
width: {{ params$out_width }},
height: {{ params$out_height }},
padding: {{ params$padding }},
labels: {
title: {{ params$title }},
subtitle: {{ params$subtitle }},
x_title: {{ params$x_title }},
y_title: {{ params$y_title }},
color_title: {{ params$color_title }},
},
rotate: {
x_title: {{ params$rotate_x_title }},
y_title: {{ params$rotate_y_title }},
x_labels: {{ params$rotate_x_labels }},
y_labels: {{ params$rotate_y_labels }},
},
scale_limits: {
x: {{ params$x_lim }},
y: {{ params$y_lim }},
},
jitter: {
x: {{ params$x_jitter }},
y: {{ params$y_jitter }},
},
group_jitter: {
x: {{ params$x_group_jitter }},
y: {{ params$y_group_jitter }},
},
jitter_type: {
x: {{ params$x_jitter_type }},
y: {{ params$y_jitter_type }},
},
x_format: {{ params$x_format }},
y_format: {{ params$y_format }},
ordinal_scale_padding: 1,
linear_scale_padding: 40,
});
distance_between_show_names_and_color_groups = 80;
static_radius = {{ params$radius[1] }};
opacity = {{ params$opacity }};
stroke_width = {{ params$stroke_width }};
show_sidebar = {{ params$show_sidebar }};
color_scale = {{{ get_d3_color_scale() }}};
color_legend_counts = {{ get_color_legend_counts() }};
tooltip_content = {{{ get_tooltip_content() }}};
</script>
<script src="clickme_assets/Points/plot.js"></script>
</body>
nachocab/clickme documentation built on Nov. 11, 2023, 3:14 p.m.
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
<title>{{{ params$title }}}</title> {{{ get_assets() }}} <style> text{ font-family: {{{ params$font }}}; } </style> </head> <body> <div class="g-search hideable"> <input type="text" placeholder="Search…"> <button style="display:none;" class="g-search-clear">X</button> </div> <script type="text/javascript"> plot = new_plot({ data: {{ data }}, data_ranges: {{{ get_data_ranges() }}}, categorical_domains: {{{ get_categorical_domains() }}}, width: {{ params$out_width }}, height: {{ params$out_height }}, padding: {{ params$padding }}, labels: { title: {{ params$title }}, subtitle: {{ params$subtitle }}, x_title: {{ params$x_title }}, y_title: {{ params$y_title }}, color_title: {{ params$color_title }}, }, rotate: { x_title: {{ params$rotate_x_title }}, y_title: {{ params$rotate_y_title }}, x_labels: {{ params$rotate_x_labels }}, y_labels: {{ params$rotate_y_labels }}, }, scale_limits: { x: {{ params$x_lim }}, y: {{ params$y_lim }}, }, jitter: { x: {{ params$x_jitter }}, y: {{ params$y_jitter }}, }, group_jitter: { x: {{ params$x_group_jitter }}, y: {{ params$y_group_jitter }}, }, jitter_type: { x: {{ params$x_jitter_type }}, y: {{ params$y_jitter_type }}, }, x_format: {{ params$x_format }}, y_format: {{ params$y_format }}, ordinal_scale_padding: 1, linear_scale_padding: 40, }); distance_between_show_names_and_color_groups = 80; static_radius = {{ params$radius[1] }}; opacity = {{ params$opacity }}; stroke_width = {{ params$stroke_width }}; show_sidebar = {{ params$show_sidebar }}; color_scale = {{{ get_d3_color_scale() }}}; color_legend_counts = {{ get_color_legend_counts() }}; tooltip_content = {{{ get_tooltip_content() }}}; </script> <script src="clickme_assets/Points/plot.js"></script> </body>
R Package Documentation
Browse R Packages
We want your feedback!
Note that we can't provide technical support on individual packages. You should contact the package authors for that.
Embedding an R snippet on your website
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.