`
乱蓬头199303
  • 浏览: 81685 次
文章分类
社区版块
存档分类
最新评论

利用css对shiny页面优化及利用htmlwidgets包创建HTML控件

阅读更多

摘要: 内容来源:2017年5月20日,乐逗游戏高级数据分析师在“第十届中国R会议软件工具专场”进行《HTTPS最佳安全实践》演讲分享。IT大咖说作为独家视频合作方,经主办方和讲者审阅授权发布。 阅读字数: 753 用时: 3分钟 摘要 本演讲将介绍如何利用CSS对shiny页面进行个性化设计及在网页中嵌入视频;并通过一个详细案例介绍了利用htmlwidgets包开发HTML控件,基于D3.JS库创建简单的交互桑基图,包括控件创建、函数修改、数据调用及与shiny结合的演示。

737abd95ac52a3de3e0de3083be50fa60b226fb1

3d251807855e8e6a3ba4bda418416478

内容来源:2017年5月20日,乐逗游戏高级数据分析师在“第十届中国R会议软件工具专场”进行《HTTPS最佳安全实践》演讲分享。IT大咖说作为独家视频合作方,经主办方和讲者审阅授权发布。

阅读字数: 753 用时: 3分钟

86824b30fbb4e2453c234fd9f0fdfcd0

摘要

本演讲将介绍如何利用CSS对shiny页面进行个性化设计及在网页中嵌入视频;并通过一个详细案例介绍了利用htmlwidgets包开发HTML控件,基于D3.JS库创建简单的交互桑基图,包括控件创建、函数修改、数据调用及与shiny结合的演示。

 

 

 

嘉宾演讲视频地址:http://t.cn/Ro89hHa

 

利用css对Shiny页面优化

 

 

添加CSS的三种方式

CSS为HTML文档提供了一种复杂外观的样式语言。由于Shiny应用程序用户界面(UI)是一个HTML文档,可以使用CSS来控制Shiny应用程序的外观。

 

要用CSS美化应用程序,常用的有三种方式。

 

1、创建一个样式表,把它放到www目录文件下:在应用的当前目录下,创建www文件夹,把CSS样式放在www目录里。对Shiny自带的“03_reactivity”例子添加个性化样式。

26941f0f65a2aad78ad6a196163bfb69

 

2、把CSS添加到HTML标题中。

3、将样式直接添加到HTML控件标签中:直接在用户界面中的单个HTML元素中添加CSS样式,优先级高于其他的CSS源。

 

给应用增加登录窗口

免费的Shiny没有权限控制,如果掌握一些基本的CSS知识,就可以轻易地给应用添加一个登录窗口。

 

8b0c6a36ad6b10e1aefb5ce40d93e381

 

利用htmlwidgets包创建HTML控件

 

下载d3plus.zip

利用htmlwidgets包调用d3plus.js库,生成交互式图表。

 

创建新包

创建一个新包,包名为myd3plus,将会生成treemap.R、treemap.ymal和treemap.js三个文件。

 

创建lib目录,存放js文件

将下载的d3plus.zip解压,把里面的文件d3.js和d3plus.js拷贝至htmlwidgets/lib目录下。

 

修改treemap.ymal的文件配置

修改treemap.ymal的文件配置,该文件是用来设置控件依赖的js库。

Stylesheet是用来指定特定的CSS格式,此处不添加。

 

 

修改treemap.R的文件配置

在treemap.R中,删除message=message命令,增加data=data命令。

 

 

安装包

运行devtools::install()对myd3plus包进行安装。

​​​​​​​

原文链接

分享到:
评论

相关推荐

    利用shiny包快速搭建可视化原型系统

    Shiny是R中的一种Web开发框架,使得R的使用者不必太了解css、js只需要了解一些html的知识就可以 快速完成web开发,且shiny包集成了bootstrap、jquery、ajax等特性,极大解放了作为统计语言的R的 生产力。

    shiny搭建网站实例

    总结来说,这个Shiny应用实例展示了如何利用R语言的强大分析能力,结合Shiny框架,创建一个功能丰富的电商数据分析工具。用户可以通过简单的交互操作,获取淘宝商品的多维度洞察,这对于商家优化营销策略、提升顾客...

    交互式web开发 + Rshiny + 前后端 + 交互式展示、工作情况汇报、数据分析报表

    本资源将会帮助你理解Rshiny运行的逻辑,从而设计出自己的web:ui的设计、控件的增加以及布局、server中的反馈输出、使用R中的数据、反馈表达式的使用以及创建shinyApp.对于工作汇报、数据分析报表等等方面均有极大...

    R语言七种武器之shiny动态图.zip

    7. **自定义UI组件**:除了内置的UI元素,开发者还可以使用`htmltools`和`htmlwidgets`包创建自定义组件,或者通过`shinyBS`等扩展包添加Bootstrap特效,以提升应用的美观度和功能。 综上所述,"R语言七种武器之...

    前端开源库-shiny

    2. **事件管理和数据绑定**: `shiny` 的JavaScript部分可能包含了事件管理和数据绑定的解决方案,这些方案可以帮助开发者在DOM元素间建立响应式的联系,简化页面交互的实现。 3. **API 设计**: `shiny` 的...

    利用R语言进行交互_玩玩shiny.pdf

    本资源摘要信息 涵盖了 R 语言中使用 Shiny 包开发交互式 web 应用程序的知识点。该资源详细介绍了如何从无到有搭建 Shiny 框架,包括 UI 布局、输入与输出、实战演练等方面的内容。 知识点 1: Shiny 包的基本概念 ...

    shiny-cheatsheet.pdf

    在您提供的文件片段中,我们可以获得关于R语言中的Shiny包的一些核心知识点。Shiny是一个用于R语言开发交互式Web应用的强大框架。它允许数据分析师和数据科学家快速构建和分享包含复杂数据可视化的交互式应用程序。...

    Web Application Development with R Using Shiny

    4. **数据可视化**: 利用ggplot2等R包与Shiny结合,可以创建复杂的动态图表。 5. **用户输入与响应**: 通过表单元素如文本框、下拉列表等收集用户输入,并根据用户输入动态更新结果。 6. **部署**: 将应用程序部署到...

    Shiny官方教程中文版.rar

    《Shiny官方教程中文版》是一个为学习和掌握Shiny框架提供详尽指导的资源,主要面向对数据可视化和Web应用开发感兴趣的IT从业者和教育工作者。Shiny是R语言的一个库,它允许用户创建交互式的Web应用,无需深入学习...

    R语言七种武器之shiny动态图 shiny01.rar

    本教程将通过四个视频文件(shiny01d.mp4、shiny01c.mp4、shiny01a.mp4、shiny01b.mp4)来讲解如何利用Shiny构建动态图形,助你掌握R语言的这一“七种武器”之一。 一、Shiny简介 Shiny是由RStudio开发的一个开源...

    shiny-app实例IMGR

    此外,"IMGR"这个应用可能还利用了R的一些图像处理包,如`imager`、`magick`或`ggplot2`等,这些包提供了丰富的图像处理和可视化功能。 为了进一步了解这个应用,你需要查看源代码(通常在服务器和用户界面文件中)...

    14种CSS3炫酷表单input输入框美化效果

    在现代网页设计中,表单元素的样式设计是不可或缺的一部分...同时,优化性能,避免过度的动画效果影响页面加载速度和用户体验。通过不断学习和实践,我们可以利用CSS3的丰富功能,为用户带来更加美观、易用的网页表单。

    R语言七种武器之shiny动态图 shiny02.rar

    通过这个“R语言七种武器之shiny动态图”的教程,你不仅可以掌握Shiny的基本使用,还能了解到如何利用它创建富有吸引力的交互式数据可视化应用,从而提升数据分析和交流的效果。无论你是R语言初学者还是有经验的...

    shiny-quickstart-1.zip_APP开发_shiny r

    Shiny是一个强大的R包,它允许数据科学家和统计学家创建交互式的Web应用程序,而无需深入学习前端编程技术。这个“quickstart”可能包含了一系列的教程、示例代码和必要的资源,帮助用户快速上手Shiny应用的开发。 ...

    shiny-chinese

    Shiny通过这种方式,实现了代码运行次数的最优化,既减少了不必要的计算,又保证了应用的响应性和交互性。RStudio®和Shiny™是RStudio, Inc的商标,而SupStat Inc.提供的介绍文档则帮助用户更好地理解和使用Shiny...

    Shiny SSRR 2 - Screen Space Raytraced Reflections

    实时为场景添加美丽的屏幕空间反射,使其更加逼真。 包含针对每个渲染管道优化的2个包: ...-在延迟渲染模式下,Shiny SSRR通过独立于场景中的对象使用每像素法线和平滑度,利用gbuffer生成更精确的基于物理的反射。

    R语言的Shiny应用-咖啡因浓度预测器内含数据集和训练模型.zip

    首先,Shiny是R语言的一个重要包,它为创建动态、用户友好的Web应用提供了框架。开发者可以利用R语言的统计和数据分析能力,构建出可供他人在线使用的应用程序。Shiny的核心理念是将R代码转化为网页元素,如输入框、...

Global site tag (gtag.js) - Google Analytics