# Portal - Manage Learn - Reports

In portal The list of observation reports submitted by users can be accessed through the solution-listing page on the portal using user-specific details like entity information (such as school, block, district, etc.) and roles (e.g., HM, DEO). For a more comprehensive view, the detailed reports can be accessed on the report-view page. This page allows for advanced filtering of reports and provides the option to export them as PDFs. The filtering can be done using tabs namely the question tab and criteria tab. The reports can also be filtered at each submission level.

[*SL-Reports NPM package*](https://www.npmjs.com/package/@shikshalokam/sl-reports-library)

SL-Reports library is useful for rendering various types of charts leveraging plugins such as c\_hartjs\_ for visualisation of data, *chartjs-plugin-datalabels* for enhancing the readability and understanding of the charts, ng2Charts to effectively integrate chartjs with angular and chartjs-plugin-stacked100 to showcase the proportions of the datasets effectively.

<figure><img src="https://174969393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxNCrgHvEtBEHJOGTOcsQ%2Fuploads%2Fgit-blob-05289ddb52139303f9a1305dbb64bf9e0a6dd258%2FSL-Reports-Arch(1).png?alt=media" alt=""><figcaption><p>SL-Reports Overview</p></figcaption></figure>

Within this library, each chart type corresponds to its own dedicated component e.g `BarChartComponent` for bar charts, `PieChartComponent` for pie charts etc. This design allows for a streamlined approach, enabling developers to seamlessly integrate the necessary chart components directly into their project templates. By supplying appropriate configurations tailored to each component's specifications, users can efficiently harness the power of these charts to enhance data visualisation.

<figure><img src="https://174969393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxNCrgHvEtBEHJOGTOcsQ%2Fuploads%2Fgit-blob-abbc3dfff4b71d70b3645e8e0ae17df499cdb737%2FSL-Reports(1).png?alt=media" alt=""><figcaption><p>SL-Reports Detailed View</p></figcaption></figure>

{% embed url="<https://youtu.be/qCnEm4voDUE?list=PLUrm4D0K_7nxaKpMSaetU04lhiPGwIPEn&t=2544>" %}
