Introducing OGraf

Next generation of HTML graphics

The new HTML graphics standard powered by EBU.

OGraf

With countless HTML graphic systems available in the market, cross-platform compatibility has become a major hurdle. Despite sharing HTML as their foundation, each system works differently, making it nearly impossible to reuse graphics across platforms. This is where OGraf steps in - it is a new specification thoughtfully designed to make HTML graphics modular and universally compatible.

Backed by the European Broadcasting Union, OGraf working group has had Loopic on board since its inception.

How can Loopic help me create OGrafs?
?

You can create OGraf templates just as easily as you would with CasparCG or SPX Graphics. And the best part is that all your existing Loopic projects are fully OGraf compatible. All you need to do is build OGraf schema using Loopic's built-in Template Definition Builder and click on the export button.

Within a couple of clicks, your HTML graphics are fully production ready and OGraf-compatible.

1

Design and animate

Create your HTML graphics in Loopic just like you normally would.

2

Define schema

Build your OGraf schema using Loopic's Template Definition Builder.

3

Export as OGraf

Generate production-ready OGraf-compatible HTML graphics with a few clicks.

4

Use anywhere

Deploy your OGraf graphics on any rendering device that supports the specification.

Loopic and SPX Graphics

OGraf in Action

Loopic is actively improving support for OGraf and working with partners to push for it's adoption.

FAQ

Answers to most common questions.

What is OGraf?

Who stands behind the OGraf standard?

Do I need to know HTML, CSS, and JavaScript to create OGraf graphics?

How does Loopic support OGraf?

Are my existing Loopic projects OGraf-compatible?

What is the Template Definition Builder?