> For the complete documentation index, see [llms.txt](https://a-styd.gitbook.io/apexcharts-ruby/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://a-styd.gitbook.io/apexcharts-ruby/miscellaneous/web-support/sinatra.md).

# Sinatra

Require it after you `require 'sinatra/base'`.

```ruby
require 'sinatra/base'
require 'apexcharts'
```

To add the asset (ApexCharts.JS), include a script tag in your template as follows:

```ruby
template :index do
  <<~INDEX
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <% series = {...} %>
    <%= pie_chart(series, legend: "left") %>
  INDEX
end
```

For more details, [see example](https://github.com/styd/apexcharts.rb/blob/master/docs/web-support/examples/sinatra/sample.rb).