This R shiny app is for all the home chefs out there looking to try different recipes, especially now that we are all social distancing and looking at ways to keep us sane! (Yes, cooking is a form of meditation wherein the end, you have something to eat :D). From a database of 28000 + recipes, just enter the ingredients you wish to filter on and the type of cuisine and you will see all the recipes with your specified ingredients from your favorite cuisine!...
Most of the shiny apps have tables as the primary component. Now lets say you want to prettify your app and style the tables. All you need understand how tables are built using HTML. This is how the default datatable looks like in the app. In order to build the html table I have used a function table_frame which can be used as a container in DT::renderdatatable. This function basically uses htmltools....
Tables are very much the standard way of representing data in dashboard along with visualizations. Wouldnt it be more useful if you could edit the values in the tables to trigger some calculations and update the values on the fly . These can be used for adjusting allocations or budgets in a project. Libraries The libraries which we will be using are shiny for the app itself, dplyr and DT for displaying and editing the tables....
Most of the dashboards / R shiny app are viewed by the people who want to view the underyling data without doing much analysis. While they view the KPI’s , the charts and the tables it would be also an important for them to take the results out of the app for meetings and presenations. One of way doing it is the traditionally downloading the reports. But to make it one step easier they could also be given an option to email these reports....
In this post we see how the no. of breweries stack up against no. of colleges across USA. Here I am using d3js and a grid bar chartwhere each grid represents 5 breweries/colleges.I collected the data for Brewery from Beer Advocate and for colleges from wikipedia <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.4.4/d3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script> <script> var tilesPerRow = 5; var tileSize = 15; var barPadding = 20; var maxValue = 100; var numVisibleCountries = 10; var barWidth = (tilesPerRow * tileSize) + barPadding; var data, filteredData; let colors = ["#8dd3c7","#a6cee3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd"]; var selectedYear = "College", selectedMode = "top10"; function initializeData() { data = data....