TextBlock Examples

This page demonstrates how to use TextBlock elements in JSPlots to add formatted text, documentation, images, and context to your visualizations.

TextBlocks support full HTML formatting including headings, paragraphs, lists, tables, and embedded images.

Basic HTML Formatting

This is a simple text block that provides context for the visualizations below.

You can use standard HTML formatting including bold, italic, and code.

Key Findings

The distribution shows a clear bimodal pattern
Group A has a higher mean than Group B
Outliers are present in both groups

Summary Statistics

Metric	Group A	Group B
Mean	105.3	98.7
Std Dev	12.4	15.8
Sample Size	150	150

TuxCorp Analytics

Data-Driven Insights for Better Decisions

Product Showcase

Welcome to our product showcase. Here we demonstrate our flagship products:

Product A

Our premium offering with advanced features.

Product B

The essential solution for everyday needs.

About Our Mascot

Meet Tux, our beloved mascot! Tux has been representing our company since its inception, embodying the values of openness, collaboration, and innovation that drive our mission.

As the face of our brand, Tux appears in all our marketing materials and serves as a constant reminder of our commitment to excellence and community.

Example: Analysis Report

Generated on 2025-12-10 18:14:23

This section shows how to create a complete analysis report with text blocks and interactive charts.

Conclusions

Based on the analysis above, we can conclude that:

The data shows moderate variability
No significant outliers are present
Further investigation is recommended

Next Steps

For more information, contact the data science team.

Summary

This page demonstrated TextBlock features:

Basic HTML formatting: Bold, italic, code
Lists: Unordered and ordered
HTML tables: Structured data display
Embedded images: Company logos, product images, mascots
Flexible layouts: Grid layouts, side-by-side content
Combined with plots: Creating complete analysis reports

Tip: TextBlocks can include any valid HTML and embedded images using {{IMAGE:id}} syntax, making them perfect for professional reports with branding!