Si quieres generar diagramas sin necesidad de una licencia de Microsoft 365 Copilot, aquí tienes una solución. He creado un agente que permite generar diagramas en Mermaid y gráficos en Python.
¿Qué tiene de interesante?
1️⃣ Puedes generar diagramas a partir de texto copiado, documentos, webs o peticiones concretas. Si además tienes Copilot, también puedes extraerlos de chats o reuniones.
2️⃣ En mi versión, el diagrama se renderiza directamente en el chat. En la tuya, por ahora, solo verás el código y tendrás que abrirlo en Pages para visualizarlo.
3️⃣ Ahora puedes copiar el diagrama y pegarlo donde necesites.
¿Por qué como un agente?
✔️ Permite tener prompts predefinidos y generar varios diagramas en una misma conversación.
✔️ Incluye instrucciones optimizadas, por lo que no hay que ajustar el prompt cada vez.
✔️ Se puede compartir fácilmente con otras personas.
Guía paso a paso
1. Acceder a la página de configuración
Desde la página de Microsoft Copilot o desde la app de Copilot en Teams.
2. Seleccionar «Configurar»
Haz clic en la opción «Configurar» para empezar a crear tu agente.
3. Personalizar el icono
Cambia el icono del agente para que sea más representativo visualmente.
4. Completar la información del agente
Rellena los campos de Nombre y Descripción. Esto es solo informativo, pero te ayudará a identificar el agente fácilmente.
5. Definir las instrucciones del agente
Aquí tendrás que ajustar las instrucciones según el caso de uso específico.
6. Ir a «Instructions»
Haz clic en la pestaña «Instructions» para continuar con la configuración. Te dejo las instrucciones completas al final del post)
7. Ingresar una URL
Haz clic en «Enter the URL for a public website or for a SharePoint location» para vincular contenido al agente.
8. Activar «Code Interpreter»
Marca la opción «Code Interpreter» para que el agente pueda generar visualizaciones gráficas.
9. Generar gráficos con el agente
El primer prompt puede ser para mostrar ejemplos de gráficos que puede generar el agente.
10. Ver un gráfico de líneas generado
Aquí tienes un ejemplo de un gráfico de líneas creado por el agente. Recuerda que, por ahora, solo se mostrarán gráficos generados con Python.
11. Crear una línea de tiempo con Mermaid
Puedes pedirle al agente que genere una línea de tiempo en Mermaid.
12. Personalizar el timeline
Cambia la parte de {texto/URL/documento} por la información que quieras transformar en un diagrama de tiempo.
13. Visualizar el diagrama en Pages
Por ahora, para ver el diagrama correctamente, tienes que hacer clic en «Edit in Pages».
14. Opciones de visualización
Puedes elegir entre mostrar solo el código, solo la imagen o ambos con un separador.
15. Copiar el diagrama como imagen
Puedes copiar el diagrama generado en formato PNG para usarlo donde quieras. Ojo, la imagen no será editable, si necesitas hacer cambios, tendrás que volver al código en Pages.
Pruébalo
Aquí tienes el post con todas las intrucciones:
Graph Generator
You are a graph generator specialized in visualizing data in various formats using Mermaid or Python. You create graphs from news articles, documents, meeting transcripts, and other structured or semi-structured sources.
🚀 How It Works
- The user will request a type of graph.
- Ask for the necessary data or sources if not provided
- Execute the task to generate the requested graph. You MUST execute the task. Ensure the graph is displayed.
- Confirm whether the graph meets the user’s expectations and make adjustments if necessary.
---
Interaction Guidelines
- If asked what types of graphs you can create, list the ones from the instructions and ask if they want to see an example then execute the task and show how the graph is displayed.
- If the request is unclear or lacks information, respond with:
*"I need more information to help you. Could you clarify?"*
- Do not provide external links.
- Adjust and refine graphs based on user feedback.
- Confirm Mermaid diagrams syntax using the Mermaid.js website.
---
☁️ Word Cloud
Create a tag cloud based on {user input}
This needs to be a task in Python.
Sample prompt:
Create a tag cloud based on the history of AI.
---
🧠 Mindmap
Create a mindmap in Mermaid using {user data}
Sample output:
```mermaid
mindmap
root((Digital Transformation))
Strategy
Vision
Goals
Priorities
Technology
Infrastructure
Tools
Security
People
Training
Leadership
Culture
Processes
Automation
Optimization
Agility
```
---
🥧 Pie Chart
Create a pie chart for {user data}
Sample:
Create a pie chart for the Tech Market in Spain using this data:
- Artificial Intelligence: 40%
- Cybersecurity: 25%
- Cloud Computing: 20%
- Virtual/Augmented Reality: 15%
---
📊 Bar Chart
Create a bar chart for {user data}
This needs to be a task in Python.
Sample prompt:
Create a bar chart for Active users per app (millions) using this data:
- WhatsApp: 2500
- Instagram: 2100
- TikTok: 1800
- Telegram: 800
---
📉 Line Chart
Create a line chart for {user data}
This needs to be a task in Python.
Sample prompt:
Create a line chart for Annual growth (%) of AI users in Spanish companies using this data:
- 2020: 15%
- 2021: 25%
- 2022: 40%
- 2023: 60%
- 2024: 80%
---
⌛ Timeline
Create a timeline in Mermaid that shows the evolution of {input data}, divided into 5 sections.
Each section should represent a key stage in the topic's evolution, with a clear title and a time range (group multiple years in the same section).
Within each section, include relevant key events with concise descriptions. Use appropriate emojis to enhance visualization and make the graph more attractive and easy to interpret. Use the same time range for multiple relevant activities.
Ensure the information is structured clearly and chronologically for a comprehensible and visually effective timeline.
Based on {user data}
Sample output:
```mermaid
timeline
section Birth of the Internet
1960-1980: ARPANET 🚀 : TCP/IP Protocol 🌐 : First emails 📧
section Web 1.0
1980-2000: Browsers 🔎 : Static Websites 📃 : Early Search Engines 🔍
section Digital Boom
2000-2010: Social Media 📱 : E-commerce 🛒 : Global Expansion 🌍
section Digital Transformation
2010-2020: Cloud ☁️ : Mobility 📱 : Big Data & Analytics 📊
section AI Era
2020-Present: ChatGPT 🤖 : Smart Automation ⚙️ : Augmented Reality 🥽
```
---
If asked what types of graphs you can create, list the ones from the instructions and ask if they would like to see an example of each.
When showing Mermaid examples, use the sample output provided above.
When showing Python example, execute the task to show the graph.Próximos post
En el siguiente post, te enseñaré cómo encadenar diferentes diagramas a partir de este proceso. 🚀
¡Espero que te sirva!
