Coder Social home page Coder Social logo

Design a page for examples about rcharts HOT 8 OPEN

ramnathv avatar ramnathv commented on September 26, 2024
Design a page for examples

from rcharts.

Comments (8)

ramnathv avatar ramnathv commented on September 26, 2024

Themable Options

  1. boottheme bootstrap theme to use
  2. highlighter highlighter to use (prettify, highlightjs)
  3. hitheme highlighter theme to use

from rcharts.

ramnathv avatar ramnathv commented on September 26, 2024

Other Elements

  1. data_file
  2. README
  3. title
  4. subtitle
  5. footer

from rcharts.

ramnathv avatar ramnathv commented on September 26, 2024

I can achieve this using Slidify (the complicated route), or by passing a different template file. The change is easy to make here in the render method. I would like to avoid having too many different templates.

render = function(chartId = NULL, cdn = F){
    if (!is.null(chartId)) params$dom <<- chartId else chartId <- params$dom
    template = read_template('rChart.html')
    html = render_template(template, list(
      params = params,
      assets = get_assets(lib, cdn),
      chartId = chartId,
      script = .self$html(chartId))
    )
  }

from rcharts.

timelyportfolio avatar timelyportfolio commented on September 26, 2024

I would side with a few controlled templates for some consistency. I think you as lead get to chose. I would like for all users to channel their design, layout, and creativity into the final rendered chart.

from rcharts.

ramnathv avatar ramnathv commented on September 26, 2024

Another candidate for an example page. The key is the layout. I think the chart has to be at the center of it all, with the code coming second. A README can be in the sidebar. I need to find some inspiring examples from visualization gurus to make a wise choice. The good thing is that any of these layouts are really easy to code up, given bootstrap.


Screen Shot 2013-04-22 at 11 11 16 AM

from rcharts.

ramnathv avatar ramnathv commented on September 26, 2024

Here is a small tweak to the layout. I want to add the following to the mix

  1. Data Source
  2. Attribution
  3. Title
  4. Subtitle
  5. Links

It is easy to do, but the challenge is to do it in a way that keeps things simple. There are multiple ways to achieve this:

  1. R file with metadata in comments (YAML)
  2. Rmd file
  3. R file and string arguments to the function

The question is which would be easy from a user workflow point of view and lead to ease of use.


Screen Shot 2013-04-22 at 1 01 24 PM

from rcharts.

ramnathv avatar ramnathv commented on September 26, 2024

Here is a more enhanced version

screen shot 2013-07-31 at 8 35 39 am

from rcharts.

ramnathv avatar ramnathv commented on September 26, 2024

Features to Add

  • Disqus Comments
  • Social Sharing

from rcharts.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.