Embedded Files
What is ESEF?
The European Single Electronic Format (ESEF) is a standardized electronic reporting format introduced by the European Commission to unify financial reporting and increase transparency.
Goals of ESEF
The main goal of ESEF is to facilitate the comparability and analysis of annual financial reports within the EU and the European Economic Area (EEA).
Format of ESEF
Annual financial reports must be created in XHTML format, and consolidated financial statements according to IFRS must be additionally marked up with the iXBRL technology.
Obligation to use ESEF
Since January 1, 2020, capital market-oriented companies have been required to create their annual financial reports in ESEF format.
Audit of ESEF
ESEF reports are subject to an audit by the auditor, who must issue an audit opinion.
Note: The ESEF reports do not need to be encrypted or digitally signed, but they must be created in a way that ensures their integrity and authenticity. The ESEF reports should also be easily accessible, searchable, and analyzable by both humans and machines.
Example of an ESEF report in XHTML format
Example of an ESEF report in XHTML format
ESEF reports are created in XHTML format, which is a stricter version of HTML that is designed to be easily readable by both humans and machines. Here's an example of what an ESEF report might look like in XHTML:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:esef="http://www.esma.europa.eu/esef">
<head>
<title>Annual Financial Report</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
</head>
<body>
<h1>Annual Financial Report</h1>
<p>This is the annual financial report for XYZ Corporation.</p>
<table esef:role="http://www.esma.europa.eu/esef/financial-statements">
<thead>
<tr>
<th>Item</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Revenue</td>
<td>1000000</td>
</tr>
<tr>
<td>Net Income</td>
<td>200000</td>
</tr>
</tbody>
</table>
</body>
</html>
In this example, the XHTML document includes a table with two columns: "Item" and "Value". The table is marked up with the esef:role attribute, which specifies that this table contains financial statements.
Explanation of iXBRL
Explanation of iXBRL
iXBRL (Inline XBRL) is a format for embedding XBRL data directly within an XHTML document. It allows the XBRL data to be displayed in a human-readable format, while also making it machine-readable. In the context of ESEF, iXBRL is used to mark up the financial statements in the XHTML document, so that they can be easily extracted and analyzed by machines.
Example of how iXBRL might be used in the previous XHTML example:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:esef="http://www.esma.europa.eu/esef" xmlns:xbrli="http://www.xbrl.org/2003/instance">
<head>
<title>Annual Financial Report</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
</head>
<body>
<h1>Annual Financial Report</h1>
<p>This is the annual financial report for XYZ Corporation.</p>
<table esef:role="http://www.esma.europa.eu/esef/financial-statements">
<thead>
<tr>
<th>Item</th>
<th>Value</th>
</tr>
</thead>
<tbody>
<tr>
<td>Revenue</td>
<td>
<xbrli:monetaryItemtype contextRef="current">1000000</xbrli:monetaryItemtype>
</td>
</tr>
<tr>
<td>Net Income</td>
<td>
<xbrli:monetaryItemtype contextRef="current">200000</xbrli:monetaryItemtype>
</td>
</tr>
</tbody>
</table>
</body>
</html>
In this example, the xbrli:monetaryItemtype element is used to mark up the financial data in the table. The contextRef attribute specifies the context in which the data should be interpreted. This allows the financial data to be easily extracted and analyzed by machines, while still being displayed in a human-readable format.
Some Links
Some Links
ESEF: Das einheitliche elektronische Berichtsformat in der EU
ESEF – alle aktuellen Infos im Überblick | Deloitte Deutschland
European Single Electronic Format - Wirtschaftsprüferkammer
https://www.bing.com/search?q=esef+%C3%9Cberblick
ESEF - Das müssen Sie über die neue Berichtspflicht wissen | EQS Group
News: European Single Electronic Format (ESEF) - Erkenntnisse, Herausforderungen und Ausblick
Automated SEC Filings Dashboard for Real-Time Corporate Insights
Automated SEC Filings Dashboard for Real-Time Corporate Insights
This use case demonstrates the development of a web-based dashboard designed to automatically extract, filter, and visualize corporate filings from the U.S. Securities and Exchange Commission (SEC) website. The dashboard utilizes web scraping techniques to collect real-time data on company filings, including key details such as filing types, dates, and document links.
Users can interact with the data via a user-friendly interface that includes a filterable table and an interactive chart. The dashboard allows users to:
View up-to-date filing details, including links to the SEC documents.
Filter filings by type (e.g., 10-K, 8-K) to quickly identify relevant reports.
Visualize trends in filings over time with dynamic charting features.
This solution is particularly valuable for financial analysts, compliance teams, and investors who require timely access to corporate disclosures to support decision-making and regulatory compliance. It is implemented entirely within an HTML page using JavaScript, jQuery, and Chart.js, making it easily embeddable into platforms like Google Sites for broader accessibility.
Assuming we want to extract some simplified data from the SEC webpage and display it in a dashboard on a Google Site. This example will focus on extracting filings data from a company (CIK 0001000184) and visualizing the filing types and dates.
For simplicity, I’ve limited the scope of the data, but you can expand on it as needed.
Example HTML Code for SEC Filings Dashboard
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SEC Filings Dashboard Example</title>Example HTML Code for SEC Filings Dashboard
<!-- Load jQuery --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Load Bootstrap for styling --> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Load Chart.js for chart rendering --> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style> body { padding: 20px; } table { width: 100%; border-collapse: collapse; margin-top: 20px; } table, th, td { border: 1px solid black; } th, td { padding: 10px; text-align: left; } .container { max-width: 1200px; margin: 0 auto; } </style></head><body>
<div class="container"> <h1>SEC Filings Dashboard Example</h1>
<!-- Dropdown for filtering by filing type --> <label for="filingType">Filter by Filing Type:</label> <select id="filingType" class="form-control" style="width: 300px;"> <option value="All">All</option> </select>
<!-- Table to display the filings --> <table id="filingsTable" class="table table-striped"> <thead> <tr> <th>Filing Type</th> <th>Filing Date</th> <th>Document Link</th> </tr> </thead> <tbody></tbody> </table>
<!-- Chart to visualize filing data --> <canvas id="filingsChart" width="400" height="200"></canvas></div>
<script> $(document).ready(function () { // Example URL for SEC filings (for demonstration purposes) const url = "https://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0001000184&type=&dateb=&owner=exclude&count=100&search_text=";
// Function to fetch and display SEC data function fetchSECData() { $.get(url, function (data) { const tableRows = $(data).find('table.tableFile2 tr'); // Locate table rows in the page
let filingsData = []; let filingTypes = new Set(); // Unique filing types
// Process each row and extract relevant data tableRows.each(function (index, row) { if (index > 0) { // Skip the header row const cols = $(row).find('td'); const filingType = $(cols[0]).text().trim(); const filingDate = $(cols[3]).text().trim(); const documentLink = 'https://www.sec.gov' + $(cols[1]).find('a').attr('href');
// Append extracted data to array filingsData.push({ filingType, filingDate, documentLink }); filingTypes.add(filingType); } });
// Populate table and chart with the data updateTable(filingsData); populateFilingTypeDropdown(filingTypes); drawChart(filingsData); }); }
// Function to update the table with the fetched data function updateTable(filingsData) { const tbody = $("#filingsTable tbody"); tbody.empty(); // Clear existing data
filingsData.forEach(filing => { const row = `<tr> <td>${filing.filingType}</td> <td>${filing.filingDate}</td> <td><a href="${filing.documentLink}" target="_blank">View Document</a></td> </tr>`; tbody.append(row); // Add new rows to the table }); }
// Populate dropdown with filing types function populateFilingTypeDropdown(filingTypes) { const filingTypeDropdown = $("#filingType"); filingTypes.forEach(filingType => { filingTypeDropdown.append(`<option value="${filingType}">${filingType}</option>`); });
// Event listener for filtering filingTypeDropdown.on('change', function () { filterTableByFilingType($(this).val()); }); }
// Filter table rows by filing type function filterTableByFilingType(selectedType) { $("#filingsTable tbody tr").each(function () { const row = $(this); const filingType = row.find('td:first').text(); if (selectedType === "All" || filingType === selectedType) { row.show(); } else { row.hide(); } }); }
// Draw chart with filing data function drawChart(filingsData) { const filingDates = filingsData.map(filing => filing.filingDate); const filingCounts = {};
filingsData.forEach(filing => { if (!filingCounts[filing.filingDate]) { filingCounts[filing.filingDate] = 0; } filingCounts[filing.filingDate]++; });
const uniqueDates = [...new Set(filingDates)]; const chartData = { labels: uniqueDates, datasets: [{ label: 'Number of Filings', data: uniqueDates.map(date => filingCounts[date]), borderColor: 'rgba(75, 192, 192, 1)', backgroundColor: 'rgba(75, 192, 192, 0.2)', borderWidth: 1 }] };
const ctx = document.getElementById('filingsChart').getContext('2d'); new Chart(ctx, { type: 'line', data: chartData, options: { scales: { y: { beginAtZero: true } } } }); }
// Call the function to fetch and display the SEC data fetchSECData(); });</script>
</body></html>
Please review!
For further implementation please refer to Gehostete Bibliotheken | Hosted Libraries | Google for Developers
Thanks again ;)
What has ESEF to do with the SEC?
What has ESEF to do with the SEC?
The European Single Electronic Format (ESEF) and the U.S. Securities and Exchange Commission (SEC) are related through their roles in financial reporting, although they serve different jurisdictions and have distinct reporting requirements.
ESEF is a digital reporting format introduced by the European Securities and Markets Authority (ESMA). It mandates that publicly listed companies in the European Union (EU) prepare their annual financial reports in a standardized electronic format using inline XBRL (iXBRL). This requirement ensures transparency, comparability, and accessibility of financial information across EU member states.
The SEC, on the other hand, is the U.S. regulatory body responsible for overseeing financial reporting and disclosures for companies listed in the U.S. stock markets. The SEC has its own electronic reporting format called EDGAR, which also uses XBRL for submitting financial data.
The key connection between ESEF and the SEC lies in the global trend toward digital financial reporting using XBRL. Both regulators are adopting machine-readable formats to improve the analysis, comparison, and auditing of financial data. For companies operating in both the U.S. and EU, understanding and complying with both ESEF (for the EU) and SEC's XBRL reporting (for the U.S.) is essential for meeting the respective financial reporting standards in each jurisdiction.
This trend aligns with global efforts to standardize financial disclosures and facilitate cross-border investments by making financial information more transparent and comparable across different regions.
Page updated
Google Sites
Report abuse