Visualize Swarm Like Multi Agents AI Systems Introducing An Online Tool

Community
, , , ,
1

Hi guys, I would like to share an online visualization tool (Dialogue Visualization Tool DeepNLP) which is helpful when developing Multi Agents systems calling OpenAI APIs (github: AI-Hub-Admin/AI-Agents-Visualization). The output of the Swarm like multi agents systems will save the output commonly in a list variable “messages”. And as more agents (APIs) are called and the messages or sessions grow longer and more complicated, the json file will eventually be messy and difficult to read and debug such as the ones in Swarm test example.


[{"task_id": "c643ad15-58c1-4f35-85ec-3ebcd4201dae", "role": "user", "content": "What is the square root of 16?"}, {"task_id": "c643ad15-58c1-4f35-85ec-3ebcd4201dae", "role": "assistant", "content": "Response to user: 4"}, {"task_id": "3005a206-17db-4014-a0f2-39be1a7b2104", "role": "user", "content": "Is phone verification required for new OpenAI account creation or ChatGPT usage"}, {"task_id": "3005a206-17db-4014-a0f2-39be1a7b2104", "role": "user", "tool": {"tool": "query_docs", "args": {"query": "Is phone verification required for new OpenAI account creation or ChatGPT usage"}}}, {"task_id": "3005a206-17db-4014-a0f2-39be1a7b2104", "role": "assistant", "content": "The task failed because the tool to query the documentation or perform the necessary steps did not execute successfully."}, {"task_id": "c953fb36-2e10-4a2a-aa5c-f85a1469d4c7", "role": "user", "content": "How many free tokens do I get when I sign up for an OpenAI account? Send an email to me@gmail.com containing that answer"}, {"task_id": "c953fb36-2e10-4a2a-aa5c-f85a1469d4c7", "role": "user", "tool": {"tool": "query_docs", "args": {"query": "free tokens for new OpenAI account"}}}, {"task_id": "c953fb36-2e10-4a2a-aa5c-f85a1469d4c7", "role": "assistant", "content": "The task could not be completed because I am unable to send emails or access current OpenAI account sign-up benefits directly."}]

I spent some time on the web front end and finish a JS visualization tool to display the messages in the Chatbot UI Simulator. Here is the screen shots of what it looks like.

demo_chatgpt_1
demo_chatgpt_1826×994 95.6 KB

Key Features:

  1. Support Multi Agents Visualization of Messages(Sessions/Dialogues)
  2. Many templates support include: Whatsapp, Chatgpt, Wechat, etc.
  3. Support Customized Agent Icon /Avatars for Product Prototyping
  4. Input modes of Json and GUI
  5. Sharing Landing page with others

It will be helpful when developing multi agents/multi turn AI dialogue systems, such as debugging logs, quick prototyping, plotting pictures in arxiv papers or technical reports. Please let me know if you have any advice?

1 Like