{"id":1300,"date":"2024-10-11T14:22:39","date_gmt":"2024-10-11T17:22:39","guid":{"rendered":"https:\/\/wp.ufpel.edu.br\/gepesc\/?page_id=1300"},"modified":"2024-10-22T17:11:04","modified_gmt":"2024-10-22T20:11:04","slug":"estatisticas-de-fraudes","status":"publish","type":"page","link":"https:\/\/wp.ufpel.edu.br\/gepesc\/material-informativo\/estatisticas-de-fraudes\/","title":{"rendered":"Estat\u00edsticas de fraudes"},"content":{"rendered":"\n<html lang=\"pt-br\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Gr\u00e1fico de Fraudes &#8211; GEPESC<\/title>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n    <style>\n        .container {\n            display: flex;\n            justify-content: space-between;\n            gap: 20px; \/* Dist\u00e2ncia entre os quadros *\/\n            margin: 20px;\n        }\n\n        .box-small {\n            width: 30%; \/* Diminu\u00eddo o tamanho do primeiro quadro *\/\n            padding: 20px;\n            border-radius: 15px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            background-color: #f4f4f9;\n            text-align: center;\n        }\n\n        .box-large {\n            width: 65%; \/* Quadro maior para o gr\u00e1fico *\/\n            padding: 20px;\n            border-radius: 15px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n            background-color: #f4f4f9;\n            text-align: center;\n        }\n\n        .box-small h2 {\n            font-size: 24px;\n            color: #333;\n        }\n\n        .box-small p {\n            font-size: 72px; \/* Aumentado o tamanho do n\u00famero 18 *\/\n            font-weight: bold;\n            color: #043499;\n            margin: 0; \/* Remover margens *\/\n            text-align: center;\n        }\n\n        .box-large h2 {\n            font-size: 24px;\n            color: #333;\n        }\n\n        .box-large h3 {\n            font-size: 20px;\n            color: #666;\n            margin-bottom: 20px;\n        }\n\n        #fraudChart {\n            max-width: 100%;\n            height: 400px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n    <!-- Quadro com texto TOTAL DE FRAUDES -->\n    <div class=\"box-small\">\n        <h2>TOTAL<\/h2>\n        <p>18<\/p> <!-- N\u00famero centralizado e maior -->\n    <\/div>\n\n    <!-- Quadro com o gr\u00e1fico -->\n    <div class=\"box-large\">\n        <h2>QUANTIDADE<\/h2>\n        <canvas id=\"fraudChart\"><\/canvas>\n    <\/div>\n<\/div>\n\n<script>\n    const ctx = document.getElementById('fraudChart').getContext('2d');\n    const fraudChart = new Chart(ctx, {\n        type: 'pie',\n        data: {\n            labels: ['Bancos e Institui\u00e7\u00f5es Financeiras', 'Servi\u00e7os de E-mail', 'Log\u00edstica', 'Governo', 'Outros'],\n            datasets: [{\n                label: 'Distribui\u00e7\u00e3o de Fraudes',\n                data: [2, 2, 3, 7, 4],\n                backgroundColor: [\n                    '#ff9999',\n                    '#66b3ff',\n                    '#99ff99',\n                    '#ffcc99',\n                    '#c2c2f0'\n                ],\n                borderColor: [\n                    '#ffffff'\n                ],\n                borderWidth: 1\n            }]\n        },\n        options: {\n            responsive: true,\n            plugins: {\n                legend: {\n                    position: 'top',\n                },\n                tooltip: {\n                    callbacks: {\n                        label: function(tooltipItem) {\n                            const total = 18;\n                            const value = tooltipItem.raw;\n                            const percentage = ((value \/ total) * 100).toFixed(1);\n                            return `${tooltipItem.label}: ${value} fraudes (${percentage}%)`;\n                        }\n                    }\n                }\n            }\n        }\n    });\n<\/script>\n\n<iframe width=\"715\" height=\"356\" seamless frameborder=\"0\" scrolling=\"no\" src=\"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vROH1dNNSY2cQUfsEk8A9PenhhP7zPuZTnT5qiO-hkrb9RbanK18-LPmJO7D8zYMhC4q67wGm1i4gIp\/pubchart?oid=52740692&amp;format=interactive\"><\/iframe>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Gr\u00e1fico de Fraudes &#8211; GEPESC TOTAL 18 QUANTIDADE<\/p>\n","protected":false},"author":1403,"featured_media":0,"parent":15,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-1300","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"jetpack_shortlink":"https:\/\/wp.me\/Pg1U19-kY","_links":{"self":[{"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/pages\/1300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/users\/1403"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/comments?post=1300"}],"version-history":[{"count":12,"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/pages\/1300\/revisions"}],"predecessor-version":[{"id":1852,"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/pages\/1300\/revisions\/1852"}],"up":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/wp.ufpel.edu.br\/gepesc\/wp-json\/wp\/v2\/media?parent=1300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}