Skip to main content
SimilarExport ZIP
100%

Plots in Tables

✓ Published0🌍 Public
JJustinCally
Last edited May 28, 2021
Created on May 28, 2021

This example demonstrates how to embed small, arrow-based line charts directly within the cells of a LaTeX table, creating an integrated display of data and its visual summary. The R code uses `ggplot2` to generate four separate horizontal arrow segments (each representing a different x-range on a common scale), saving each as a PNG file with `ggsave`. The `dplyr` and `kableExtra` libraries then build a table where the second column contains LaTeX `\includegraphics` commands, referencing those saved images. The `kbl` function formats the table with `escape = F` to allow the raw LaTeX code, and `column_spec` sets the plot column's width. Overall, it shows a workflow for combining statistical graphics and tabular text in a single rendered document.

AI-generated description

Similar vizzes

Loading thumbnail…

Knitr Latex Template

This example demonstrates a LaTeX-based report template for integrating R graphics and analysis into a reproducible document. The code shows how to structure a PDF report using the `article` document class, with customized margins, headers, and float handling via the `float` package. It employs `knitr` to embed R code chunks, including a `ggplot` visualization, and uses `xtable` for potential table output. The template also configures hyperlinks, date formatting, and absolute positioning through `textpos`, providing a complete setup for generating polished, data-driven reports.

LLeeMendelowitz
64% match
Loading thumbnail…

Graph and table with tricks in v4

This example combines a line chart with an interactive HTML table, both generated from the same CSV dataset. The line chart plots the closing values over time using D3’s time-scaled x-axis and linear y-axis, while the table displays the raw date, close, open, and computed difference columns. The table’s rows are sorted by descending close value, and the column headers are capitalized automatically. The chart is drawn as an SVG path using `d3.line`, with axes created via `d3.axisBottom` and `d3.axisLeft`. The table is built with the D3 selection API, appending `table`, `thead`, and `tbody` elements to the page body.

Dd3noob
61% match
Loading thumbnail…

Simple graph with table in v6

This example combines a simple line graph with an accompanying HTML table, both rendered from the same CSV dataset of date and closing price values. The line chart uses SVG with d3.scaleTime and d3.scaleLinear to map the data, while d3.line generates the path and d3.axisBottom and d3.axisLeft add the axes. A separate table is generated below the chart using d3.select to append elements, displaying the raw date and close values in a Courier font. The code relies on d3.csv for data loading and d3.timeParse for date formatting.

Dd3noob
61% match
Loading thumbnail…

Selectively colouring cells in gt::gt()

This example uses the R package `gt()` to display a data table where individual cells are selectively colored grey, and then a second table where cells are filled with colors from a predefined palette based on a comparison. The code first identifies cells containing "<" characters using `grepl` and applies a uniform grey fill via `tab_style` and `cell_fill`. A more complex workflow melts data frames with `data.table::melt`, merges them with guideline thresholds, and determines which numeric results exceed those thresholds, assigning a color from `RColorBrewer` to each qualifying cell. The `mapply` function iterates over row and column indices to apply the styling individually, producing a table where colored cells highlight values that meet specific criteria. The data is created inline as sample data frames, and the rendering approach relies on the `gt` package's HTML table output.

JJustinCally
60% match
Loading thumbnail…

Simple graph with table in v7

This example shows a date-based line graph of closing values from a CSV file, accompanied by a table displaying the same raw data. The SVG line chart uses d3.line with a time scale (d3.scaleTime) and linear scale (d3.scaleLinear), while axes are generated with d3.axisBottom and d3.axisLeft. A separate HTML table is constructed via d3.select and append, with rows and cells bound to the parsed data. The code relies on d3.csv for loading and d3.timeParse for date formatting.

Dd3noob
59% match
Loading thumbnail…

d3NoobV5 Reusable Examples - Add an HTML table to your graph v2

This example demonstrates a reusable D3.js v5 line chart that renders Apple stock closing prices from a CSV file, with a companion HTML table displaying the same data below the visualization. The chart uses d3.scaleTime and d3.scaleLinear for the axes, d3.line for the path, and d3.axisBottom/axisLeft for tick marks. The code follows the ProD3 reusable chart pattern, organizing the visualization into modular functions for scales, axes, SVG container, and labels. The table is appended as an SVG group, showing how to integrate tabular data alongside a chart.

JJimMaltby
59% match
Loading thumbnail…

Simple graph with table in v4

This example shows a line chart of stock closing prices over time, paired with an HTML table displaying the same underlying data. The visualization uses D3 v4’s `d3.line`, `d3.scaleTime`, and `d3.scaleLinear` to render the SVG path and axes, while the table is generated dynamically with D3’s data-join methods (`selectAll`, `enter`, `append`). The data is loaded from a CSV file and parsed with `d3.timeParse`. The table appears to the right of the chart when viewed in full screen.

Dd3noob
59% match
Loading thumbnail…

Simple graph and table using d3.js

This example pairs a simple line graph with an HTML table generated from the same CSV dataset, showing date and closing value pairs. The SVG chart uses D3.js scales, axes, and a line generator to plot the data, while a separate table function renders the raw values beneath it. The code relies primarily on `d3.csv` for data loading, `d3.time.scale` and `d3.scale.linear` for scaling, and `d3.svg.axis` for axis creation, all within D3 version 3.5.17. The table is styled inline with font and margin attributes.

Dd3noob
58% match