Embedding HowProbable Charts

Quick Start

HowProbable offers free, embeddable election prediction charts for news websites and political blogs. Our charts:

  • Update automatically with real-time prediction market data
  • Are responsive and mobile-friendly
  • Load quickly with minimal impact on your page speed
  • Include proper attribution and source citations

How to Embed

  1. Go to any event page on HowProbable.com
  2. Click the "Embed" button on the chart you want to use
  3. Copy the provided iframe code
  4. Paste the code into your article or post

Example embed code:

<iframe src="https://howprobable.com/embed/timeseries/prez2024"
        width="100%" height="400" 
        frameborder="0" scrolling="no"></iframe>

Customizing Chart Size

You can customize the size of embedded charts by adjusting the width and height attributes in the iframe code:

  • Width: Can be set in pixels (e.g., width="600") or percentages (e.g., width="100%")
  • Height: Should be set in pixels (e.g., height="400")

Recommended sizes:

  • Standard: width="600" height="400"
  • Wide: width="800" height="450"
  • Compact: width="400" height="300"
  • Responsive: width="100%" height="400"
For best results, maintain an aspect ratio between 4:3 and 16:9, and ensure the height is at least 300 pixels.

Questions?

For technical support or custom embedding options, please email karthik (at) howprobable.com