From 1d094618be764b10d3ba18e1210643da30fa7162 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:15:15 +0530 Subject: [PATCH 01/20] Update 1introduction.md --- docs/chapter1/1introduction.md | 105 ++++++++++++++++----------------- 1 file changed, 50 insertions(+), 55 deletions(-) diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md index 301dafbb..89ff47d0 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.md @@ -1,67 +1,62 @@ --- id: chapter1-introduction title: "Introduction" -description: "Introduction page in Chapter1 of CircuitVerse documentation." -slug : / +description: "Introduction page in Chapter 1 of CircuitVerse documentation." +slug: / --- # Introduction - -Inspired by Logisim, CircuitVerse is an open-source educational tool for designing and visualizing digital logic circuit simulations in the cloud. Users including educators, students, electronic engineers, and hobbyists can play with digital circuit simulations from their browsers for exploring different “what-if” scenarios. As required, a user can share their creations using unique circuit URLs, or fork different contributions of the CircuitVerse community to yield their curiosity. Figure 1 shares a screenshot of a ripple carry adder simulation built using CircuitVerse. - -![](/img/img_chapter1/1.1.png) - -
- Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse -
- -Developed for educators by educators, the CircuitVerse platform delivers high class learning experience in a scalable way. Educators can manage, track, and achieve their classroom learning goals in a single, powerful solution. They can create and manage different student groups, post different assignments, define submission deadlines and add or export grades (refer Figure 2). Using the CircuitVerse Chrome extension, educators can embed live circuits in their Google Slides and demonstrate concepts without navigating across different tabs. Alternatively, they can also export images or embed iFrames within their webpages. - -![](/img/img_chapter1/1.2.png) - -
- - Figure 1.2: Educators can manage, track, and achieve their classroom - learning goals using CircuitVerse platform - -
- -As the CircuitVerse community grows, educators and students can join the online forums to share ideas, questions, and resources related to teaching and learning digital logic design using CircuitVerse. - -![](/img/img_chapter1/1.3.png) - -
- - Figure 1.3: Connect and collaborate on CircuitVerse Forum for sharing ideas, - questions, and resources related to teaching and learning digital logic - design - -
- -Watch the below video for a quick demonstration of the CircuitVerse platform. - -
- -
+> + +Inspired by Logisim, CircuitVerse is an open-source educational platform for designing and visualizing digital logic circuit simulations directly in the cloud. Educators, students, electronics engineers, and hobbyists can experiment with digital circuits from their browsers to explore a wide range of “what-if” scenarios. + +Users can share their creations through unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity and encourage collaborative learning. +Figure 1.1 shows a ripple carry adder simulation built using CircuitVerse. + +![Ripple Carry Adder simulation built using CircuitVerse](/img/img_chapter1/1.1.png) + +*Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* + +--- + +## Classroom Management and Teaching Tools + +Developed for educators by educators, the CircuitVerse platform delivers a high-quality learning experience in a scalable and intuitive way. It enables instructors to manage, track, and achieve classroom learning objectives using a single, powerful solution. + +Educators can create and manage student groups, assign coursework, set submission deadlines, and add or export grades (see Figure 1.2). With the CircuitVerse Chrome extension, live circuits can be embedded directly into Google Slides for seamless demonstrations without switching tabs. Circuits can also be exported as images or embedded on web pages using iframes. + +![Classroom management and assignment tracking in CircuitVerse](/img/img_chapter1/1.2.png) + +*Figure 1.2: Educators managing and tracking classroom learning goals using the CircuitVerse platform* + +--- + +## Community and Collaboration + +As the CircuitVerse community continues to grow, educators and students can participate in online forums to share ideas, ask questions, and exchange learning resources related to digital logic design. + +![CircuitVerse Forum for community discussions and collaboration](/img/img_chapter1/1.3.png) + +*Figure 1.3: CircuitVerse Forum for sharing ideas, questions, and learning resources* + +--- + +## Platform Demonstration + +Watch the video below for a quick demonstration of the CircuitVerse platform. + + From 268b043ae12594bd5fe5a94be8bc451ea7857984 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:17:39 +0530 Subject: [PATCH 02/20] Update 1introduction.md --- docs/chapter1/1introduction.md | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md index 89ff47d0..5594b91c 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.md @@ -16,10 +16,9 @@ slug: / allowFullScreen > -Inspired by Logisim, CircuitVerse is an open-source educational platform for designing and visualizing digital logic circuit simulations directly in the cloud. Educators, students, electronics engineers, and hobbyists can experiment with digital circuits from their browsers to explore a wide range of “what-if” scenarios. +Inspired by Logisim, CircuitVerse is an open-source educational tool for designing and visualizing digital logic circuit simulations in the cloud. Educators, students, electronics engineers, and hobbyists can experiment with digital circuit simulations directly from their browsers to explore a variety of “what-if” scenarios. -Users can share their creations through unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity and encourage collaborative learning. -Figure 1.1 shows a ripple carry adder simulation built using CircuitVerse. +Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity and promote collaborative learning. Figure 1.1 shows a ripple carry adder simulation built using CircuitVerse. ![Ripple Carry Adder simulation built using CircuitVerse](/img/img_chapter1/1.1.png) @@ -29,9 +28,9 @@ Figure 1.1 shows a ripple carry adder simulation built using CircuitVerse. ## Classroom Management and Teaching Tools -Developed for educators by educators, the CircuitVerse platform delivers a high-quality learning experience in a scalable and intuitive way. It enables instructors to manage, track, and achieve classroom learning objectives using a single, powerful solution. +Developed for educators by educators, the CircuitVerse platform delivers a high-quality learning experience in a scalable manner. Educators can manage, track, and achieve classroom learning goals using a single, powerful solution. -Educators can create and manage student groups, assign coursework, set submission deadlines, and add or export grades (see Figure 1.2). With the CircuitVerse Chrome extension, live circuits can be embedded directly into Google Slides for seamless demonstrations without switching tabs. Circuits can also be exported as images or embedded on web pages using iframes. +They can create and manage student groups, post assignments, define submission deadlines, and add or export grades (see Figure 1.2). Using the CircuitVerse Chrome extension, educators can embed live circuits directly into Google Slides to demonstrate concepts without switching between tabs. Alternatively, circuits can be exported as images or embedded into web pages using iframes. ![Classroom management and assignment tracking in CircuitVerse](/img/img_chapter1/1.2.png) @@ -41,7 +40,7 @@ Educators can create and manage student groups, assign coursework, set submissio ## Community and Collaboration -As the CircuitVerse community continues to grow, educators and students can participate in online forums to share ideas, ask questions, and exchange learning resources related to digital logic design. +As the CircuitVerse community continues to grow, educators and students can join online forums to share ideas, ask questions, and exchange resources related to teaching and learning digital logic design. ![CircuitVerse Forum for community discussions and collaboration](/img/img_chapter1/1.3.png) From ae2e84b55b5e5ad06821daa9525895c183e7b8f5 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:25:45 +0530 Subject: [PATCH 03/20] Update 1introduction.md --- docs/chapter1/1introduction.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md index 5594b91c..368b9cd2 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.md @@ -2,7 +2,6 @@ id: chapter1-introduction title: "Introduction" description: "Introduction page in Chapter 1 of CircuitVerse documentation." -slug: / --- # Introduction @@ -20,7 +19,7 @@ Inspired by Logisim, CircuitVerse is an open-source educational tool for designi Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity and promote collaborative learning. Figure 1.1 shows a ripple carry adder simulation built using CircuitVerse. -![Ripple Carry Adder simulation built using CircuitVerse](/img/img_chapter1/1.1.png) +![Ripple Carry Adder simulation built using CircuitVerse](@site/static/img/img_chapter1/1.1.png) *Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* @@ -30,9 +29,9 @@ Users can share their creations using unique circuit URLs or fork projects from Developed for educators by educators, the CircuitVerse platform delivers a high-quality learning experience in a scalable manner. Educators can manage, track, and achieve classroom learning goals using a single, powerful solution. -They can create and manage student groups, post assignments, define submission deadlines, and add or export grades (see Figure 1.2). Using the CircuitVerse Chrome extension, educators can embed live circuits directly into Google Slides to demonstrate concepts without switching between tabs. Alternatively, circuits can be exported as images or embedded into web pages using iframes. +They can create and manage student groups, post assignments, define submission deadlines, and add or export grades. Using the CircuitVerse Chrome extension, educators can embed live circuits directly into Google Slides to demonstrate concepts without switching between tabs. Alternatively, circuits can be exported as images or embedded into web pages using iframes. -![Classroom management and assignment tracking in CircuitVerse](/img/img_chapter1/1.2.png) +![Classroom management and assignment tracking in CircuitVerse](@site/static/img/img_chapter1/1.2.png) *Figure 1.2: Educators managing and tracking classroom learning goals using the CircuitVerse platform* @@ -42,7 +41,7 @@ They can create and manage student groups, post assignments, define submission d As the CircuitVerse community continues to grow, educators and students can join online forums to share ideas, ask questions, and exchange resources related to teaching and learning digital logic design. -![CircuitVerse Forum for community discussions and collaboration](/img/img_chapter1/1.3.png) +![CircuitVerse Forum for community discussions and collaboration](@site/static/img/img_chapter1/1.3.png) *Figure 1.3: CircuitVerse Forum for sharing ideas, questions, and learning resources* From 563acf72f1c72805756d3ff743c6e434794bb1ba Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:27:39 +0530 Subject: [PATCH 04/20] Update 1introduction.md --- docs/chapter1/1introduction.md | 51 ++++++++++++++++------------------ 1 file changed, 24 insertions(+), 27 deletions(-) diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md index 368b9cd2..28741311 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.md @@ -1,60 +1,57 @@ --- id: chapter1-introduction title: "Introduction" -description: "Introduction page in Chapter 1 of CircuitVerse documentation." +description: "Introduction to CircuitVerse and its features." +slug: / --- -# Introduction +## What is CircuitVerse? - +Inspired by Logisim, **CircuitVerse** is an open-source educational platform for designing and visualizing digital logic circuits directly in the browser. It enables educators, students, electronics engineers, and hobbyists to experiment with digital circuit simulations and explore various “what-if” scenarios. -Inspired by Logisim, CircuitVerse is an open-source educational tool for designing and visualizing digital logic circuit simulations in the cloud. Educators, students, electronics engineers, and hobbyists can experiment with digital circuit simulations directly from their browsers to explore a variety of “what-if” scenarios. +Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity. -Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity and promote collaborative learning. Figure 1.1 shows a ripple carry adder simulation built using CircuitVerse. - -![Ripple Carry Adder simulation built using CircuitVerse](@site/static/img/img_chapter1/1.1.png) +![Ripple Carry Adder simulation built using CircuitVerse](/img/img_chapter1/1.1.png) *Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* --- -## Classroom Management and Teaching Tools +## Classroom Management + +Developed for educators by educators, CircuitVerse delivers a **high-quality learning experience** at scale. Educators can: -Developed for educators by educators, the CircuitVerse platform delivers a high-quality learning experience in a scalable manner. Educators can manage, track, and achieve classroom learning goals using a single, powerful solution. +- Create and manage student groups +- Assign projects with deadlines +- Track submissions and export grades -They can create and manage student groups, post assignments, define submission deadlines, and add or export grades. Using the CircuitVerse Chrome extension, educators can embed live circuits directly into Google Slides to demonstrate concepts without switching between tabs. Alternatively, circuits can be exported as images or embedded into web pages using iframes. +Using the CircuitVerse Chrome extension, instructors can embed live circuits into Google Slides or export simulations as images or iFrames. -![Classroom management and assignment tracking in CircuitVerse](@site/static/img/img_chapter1/1.2.png) +![Educator dashboard for managing assignments in CircuitVerse](/img/img_chapter1/1.2.png) -*Figure 1.2: Educators managing and tracking classroom learning goals using the CircuitVerse platform* +*Figure 1.2: Classroom management features in CircuitVerse* --- -## Community and Collaboration +## Community & Collaboration -As the CircuitVerse community continues to grow, educators and students can join online forums to share ideas, ask questions, and exchange resources related to teaching and learning digital logic design. +As the CircuitVerse community grows, educators and students can connect through online forums to share ideas, ask questions, and collaborate on digital logic design concepts. -![CircuitVerse Forum for community discussions and collaboration](@site/static/img/img_chapter1/1.3.png) +![CircuitVerse community forum interface](/img/img_chapter1/1.3.png) -*Figure 1.3: CircuitVerse Forum for sharing ideas, questions, and learning resources* +*Figure 1.3: CircuitVerse community forum* --- -## Platform Demonstration +## Video Overview -Watch the video below for a quick demonstration of the CircuitVerse platform. +Watch the video below for a quick demonstration of the CircuitVerse platform: +/> From 216077cc77c9b7c93cf874b142484d14b632cdec Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:36:02 +0530 Subject: [PATCH 05/20] Update 1introduction.md --- docs/chapter1/1introduction.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md index 28741311..01d54148 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.md @@ -11,7 +11,7 @@ Inspired by Logisim, **CircuitVerse** is an open-source educational platform for Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity. -![Ripple Carry Adder simulation built using CircuitVerse](/img/img_chapter1/1.1.png) +![Ripple Carry Adder simulation built using CircuitVerse](../../img/img_chapter1/1.1.png) *Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* @@ -27,7 +27,7 @@ Developed for educators by educators, CircuitVerse delivers a **high-quality lea Using the CircuitVerse Chrome extension, instructors can embed live circuits into Google Slides or export simulations as images or iFrames. -![Educator dashboard for managing assignments in CircuitVerse](/img/img_chapter1/1.2.png) +![Classroom management interface in CircuitVerse](../../img/img_chapter1/1.2.png) *Figure 1.2: Classroom management features in CircuitVerse* @@ -37,7 +37,7 @@ Using the CircuitVerse Chrome extension, instructors can embed live circuits int As the CircuitVerse community grows, educators and students can connect through online forums to share ideas, ask questions, and collaborate on digital logic design concepts. -![CircuitVerse community forum interface](/img/img_chapter1/1.3.png) +![CircuitVerse community forum interface](../../img/img_chapter1/1.3.png) *Figure 1.3: CircuitVerse community forum* From 3fc5d1f95322299d8adca6ef32d3855bdafb42b2 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:40:25 +0530 Subject: [PATCH 06/20] Update 1introduction.md --- docs/chapter1/1introduction.md | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md index 01d54148..05a1422a 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.md @@ -5,13 +5,19 @@ description: "Introduction to CircuitVerse and its features." slug: / --- +import useBaseUrl from '@docusaurus/useBaseUrl'; + ## What is CircuitVerse? Inspired by Logisim, **CircuitVerse** is an open-source educational platform for designing and visualizing digital logic circuits directly in the browser. It enables educators, students, electronics engineers, and hobbyists to experiment with digital circuit simulations and explore various “what-if” scenarios. Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity. -![Ripple Carry Adder simulation built using CircuitVerse](../../img/img_chapter1/1.1.png) +Ripple Carry Adder simulation built using CircuitVerse *Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* @@ -27,7 +33,11 @@ Developed for educators by educators, CircuitVerse delivers a **high-quality lea Using the CircuitVerse Chrome extension, instructors can embed live circuits into Google Slides or export simulations as images or iFrames. -![Classroom management interface in CircuitVerse](../../img/img_chapter1/1.2.png) +Classroom management interface in CircuitVerse *Figure 1.2: Classroom management features in CircuitVerse* @@ -37,7 +47,11 @@ Using the CircuitVerse Chrome extension, instructors can embed live circuits int As the CircuitVerse community grows, educators and students can connect through online forums to share ideas, ask questions, and collaborate on digital logic design concepts. -![CircuitVerse community forum interface](../../img/img_chapter1/1.3.png) +CircuitVerse community forum interface *Figure 1.3: CircuitVerse community forum* From 1243c9bd345380108176fa936b760ce11ea2a919 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:44:57 +0530 Subject: [PATCH 07/20] Update 1introduction.md From 00351bfd87fb90ae074a22f16dbc008d44bee629 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:47:28 +0530 Subject: [PATCH 08/20] Update 1introduction.md --- docs/chapter1/1introduction.md | 20 +++----------------- 1 file changed, 3 insertions(+), 17 deletions(-) diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md index 05a1422a..4deb5d9d 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.md @@ -5,19 +5,13 @@ description: "Introduction to CircuitVerse and its features." slug: / --- -import useBaseUrl from '@docusaurus/useBaseUrl'; - ## What is CircuitVerse? Inspired by Logisim, **CircuitVerse** is an open-source educational platform for designing and visualizing digital logic circuits directly in the browser. It enables educators, students, electronics engineers, and hobbyists to experiment with digital circuit simulations and explore various “what-if” scenarios. Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity. -Ripple Carry Adder simulation built using CircuitVerse +![Ripple Carry Adder simulation built using CircuitVerse](/img/img_chapter1/1.1.png) *Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* @@ -33,11 +27,7 @@ Developed for educators by educators, CircuitVerse delivers a **high-quality lea Using the CircuitVerse Chrome extension, instructors can embed live circuits into Google Slides or export simulations as images or iFrames. -Classroom management interface in CircuitVerse +![Classroom management interface in CircuitVerse](/img/img_chapter1/1.2.png) *Figure 1.2: Classroom management features in CircuitVerse* @@ -47,11 +37,7 @@ Using the CircuitVerse Chrome extension, instructors can embed live circuits int As the CircuitVerse community grows, educators and students can connect through online forums to share ideas, ask questions, and collaborate on digital logic design concepts. -CircuitVerse community forum interface +![CircuitVerse community forum interface](/img/img_chapter1/1.3.png) *Figure 1.3: CircuitVerse community forum* From 93e670826e1e25db6c125ad8956346578582f3fe Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:50:59 +0530 Subject: [PATCH 09/20] Update 1introduction.md From d1a48cf53b46be96699d99900446f998b335df2e Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 18:55:55 +0530 Subject: [PATCH 10/20] Update and rename 1introduction.md to 1introduction.mdx --- .../{1introduction.md => 1introduction.mdx} | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) rename docs/chapter1/{1introduction.md => 1introduction.mdx} (81%) diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.mdx similarity index 81% rename from docs/chapter1/1introduction.md rename to docs/chapter1/1introduction.mdx index 4deb5d9d..e1af3530 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.mdx @@ -5,13 +5,18 @@ description: "Introduction to CircuitVerse and its features." slug: / --- +import useBaseUrl from '@docusaurus/useBaseUrl'; + ## What is CircuitVerse? Inspired by Logisim, **CircuitVerse** is an open-source educational platform for designing and visualizing digital logic circuits directly in the browser. It enables educators, students, electronics engineers, and hobbyists to experiment with digital circuit simulations and explore various “what-if” scenarios. Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity. -![Ripple Carry Adder simulation built using CircuitVerse](/img/img_chapter1/1.1.png) +Ripple Carry Adder simulation built using CircuitVerse *Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* @@ -27,7 +32,10 @@ Developed for educators by educators, CircuitVerse delivers a **high-quality lea Using the CircuitVerse Chrome extension, instructors can embed live circuits into Google Slides or export simulations as images or iFrames. -![Classroom management interface in CircuitVerse](/img/img_chapter1/1.2.png) +Classroom management interface in CircuitVerse *Figure 1.2: Classroom management features in CircuitVerse* @@ -37,7 +45,10 @@ Using the CircuitVerse Chrome extension, instructors can embed live circuits int As the CircuitVerse community grows, educators and students can connect through online forums to share ideas, ask questions, and collaborate on digital logic design concepts. -![CircuitVerse community forum interface](/img/img_chapter1/1.3.png) +CircuitVerse community forum interface *Figure 1.3: CircuitVerse community forum* From 7e233cc4b7c8ecf51159d67ba74d1a62c484185a Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 19:09:43 +0530 Subject: [PATCH 11/20] Update 1introduction.mdx --- docs/chapter1/1introduction.mdx | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/chapter1/1introduction.mdx b/docs/chapter1/1introduction.mdx index e1af3530..50389808 100644 --- a/docs/chapter1/1introduction.mdx +++ b/docs/chapter1/1introduction.mdx @@ -3,6 +3,7 @@ id: chapter1-introduction title: "Introduction" description: "Introduction to CircuitVerse and its features." slug: / +hide_table_of_contents: false --- import useBaseUrl from '@docusaurus/useBaseUrl'; From 05b35c3b76ddbb6f406acc0e4479b5eba6d3fe95 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 19:11:51 +0530 Subject: [PATCH 12/20] Update 1introduction.mdx --- docs/chapter1/1introduction.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/docs/chapter1/1introduction.mdx b/docs/chapter1/1introduction.mdx index 50389808..fa8ceb23 100644 --- a/docs/chapter1/1introduction.mdx +++ b/docs/chapter1/1introduction.mdx @@ -4,6 +4,8 @@ title: "Introduction" description: "Introduction to CircuitVerse and its features." slug: / hide_table_of_contents: false +toc_min_heading_level: 2 +toc_max_heading_level: 3 --- import useBaseUrl from '@docusaurus/useBaseUrl'; From e3fdd25250baac830cdf49aee81ef5b424e16e12 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 19:15:23 +0530 Subject: [PATCH 13/20] Update 1introduction.mdx --- docs/chapter1/1introduction.mdx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/docs/chapter1/1introduction.mdx b/docs/chapter1/1introduction.mdx index fa8ceb23..acf6c5bf 100644 --- a/docs/chapter1/1introduction.mdx +++ b/docs/chapter1/1introduction.mdx @@ -3,9 +3,7 @@ id: chapter1-introduction title: "Introduction" description: "Introduction to CircuitVerse and its features." slug: / -hide_table_of_contents: false -toc_min_heading_level: 2 -toc_max_heading_level: 3 +hide_table_of_contents: true --- import useBaseUrl from '@docusaurus/useBaseUrl'; From 6af8fa2a9a458e40f9ebcbb7ea53f61742c6e323 Mon Sep 17 00:00:00 2001 From: Souparna_COCO <115988950+SouparnaChatterjee@users.noreply.github.com> Date: Sat, 3 Jan 2026 19:22:22 +0530 Subject: [PATCH 14/20] Update 1introduction.mdx --- docs/chapter1/1introduction.mdx | 26 +++++++------------------- 1 file changed, 7 insertions(+), 19 deletions(-) diff --git a/docs/chapter1/1introduction.mdx b/docs/chapter1/1introduction.mdx index acf6c5bf..8579c7db 100644 --- a/docs/chapter1/1introduction.mdx +++ b/docs/chapter1/1introduction.mdx @@ -3,25 +3,19 @@ id: chapter1-introduction title: "Introduction" description: "Introduction to CircuitVerse and its features." slug: / -hide_table_of_contents: true --- -import useBaseUrl from '@docusaurus/useBaseUrl'; - ## What is CircuitVerse? -Inspired by Logisim, **CircuitVerse** is an open-source educational platform for designing and visualizing digital logic circuits directly in the browser. It enables educators, students, electronics engineers, and hobbyists to experiment with digital circuit simulations and explore various “what-if” scenarios. +Inspired by Logisim, **CircuitVerse** is an open-source educational platform for designing and visualizing digital logic circuits directly in the browser. It enables educators, students, electronics engineers, and hobbyists to experiment with digital circuit simulations and explore various "what-if" scenarios. Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity. -Ripple Carry Adder simulation built using CircuitVerse +![Ripple Carry Adder simulation built using CircuitVerse](/img/img_chapter1/1.1.png) *Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* ---- +
## Classroom Management @@ -33,27 +27,21 @@ Developed for educators by educators, CircuitVerse delivers a **high-quality lea Using the CircuitVerse Chrome extension, instructors can embed live circuits into Google Slides or export simulations as images or iFrames. -Classroom management interface in CircuitVerse +![Classroom management interface in CircuitVerse](/img/img_chapter1/1.2.png) *Figure 1.2: Classroom management features in CircuitVerse* ---- +
## Community & Collaboration As the CircuitVerse community grows, educators and students can connect through online forums to share ideas, ask questions, and collaborate on digital logic design concepts. -CircuitVerse community forum interface +![CircuitVerse community forum interface](/img/img_chapter1/1.3.png) *Figure 1.3: CircuitVerse community forum* ---- +
## Video Overview From 321b9b8e64575a8d1599822bd66cc4cc02ed7b26 Mon Sep 17 00:00:00 2001 From: Naman Chhabra <159947791+naman79820@users.noreply.github.com> Date: Fri, 26 Dec 2025 00:51:27 +0530 Subject: [PATCH 15/20] Fix: Make iframes responsive below 650px using global CSS media query (#462) * Style: add custom.css and update docusaurus.config.js for responsive iframes * removed !important from iframe css * format css file --------- Co-authored-by: Nihal <65150640+Nihal4777@users.noreply.github.com> --- docs/chapter1/1introduction.md | 117 +++++++++++++++++++-------------- docusaurus.config.js | 1 + src/css/custom.css | 8 +++ 3 files changed, 75 insertions(+), 51 deletions(-) create mode 100644 src/css/custom.css diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md index 301dafbb..c94a1f4e 100644 --- a/docs/chapter1/1introduction.md +++ b/docs/chapter1/1introduction.md @@ -1,8 +1,8 @@ --- id: chapter1-introduction title: "Introduction" -description: "Introduction page in Chapter1 of CircuitVerse documentation." -slug : / +description: "Introduction page in Chapter 1 of CircuitVerse documentation." +slug: / --- # Introduction @@ -16,52 +16,67 @@ slug : / webkitAllowFullScreen mozAllowFullScreen allowFullScreen -> - {" "} - - -Inspired by Logisim, CircuitVerse is an open-source educational tool for designing and visualizing digital logic circuit simulations in the cloud. Users including educators, students, electronic engineers, and hobbyists can play with digital circuit simulations from their browsers for exploring different “what-if” scenarios. As required, a user can share their creations using unique circuit URLs, or fork different contributions of the CircuitVerse community to yield their curiosity. Figure 1 shares a screenshot of a ripple carry adder simulation built using CircuitVerse. - -![](/img/img_chapter1/1.1.png) - -
- Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse -
- -Developed for educators by educators, the CircuitVerse platform delivers high class learning experience in a scalable way. Educators can manage, track, and achieve their classroom learning goals in a single, powerful solution. They can create and manage different student groups, post different assignments, define submission deadlines and add or export grades (refer Figure 2). Using the CircuitVerse Chrome extension, educators can embed live circuits in their Google Slides and demonstrate concepts without navigating across different tabs. Alternatively, they can also export images or embed iFrames within their webpages. - -![](/img/img_chapter1/1.2.png) - -
- - Figure 1.2: Educators can manage, track, and achieve their classroom - learning goals using CircuitVerse platform - -
- -As the CircuitVerse community grows, educators and students can join the online forums to share ideas, questions, and resources related to teaching and learning digital logic design using CircuitVerse. - -![](/img/img_chapter1/1.3.png) - -
- - Figure 1.3: Connect and collaborate on CircuitVerse Forum for sharing ideas, - questions, and resources related to teaching and learning digital logic - design - -
- -Watch the below video for a quick demonstration of the CircuitVerse platform. - -
- -
+ title="CircuitVerse Simulator - Interactive Demo" +/> + +Inspired by Logisim, CircuitVerse is an open-source educational tool for designing and visualizing digital logic circuit simulations in the cloud. + +Users—including educators, students, electronics engineers, and hobbyists—can experiment with digital circuit simulations directly from their browsers to explore various "what-if" scenarios. Users can share their creations using unique circuit URLs or fork contributions from the CircuitVerse community to satisfy their curiosity. + +Figure 1.1 shows a screenshot of a ripple carry adder simulation built using CircuitVerse. + +![Ripple Carry Adder simulation showing input bits, full adder components, sum outputs, and carry chain in the CircuitVerse simulator](/img/img_chapter1/1.1.png) + +*Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse* + +--- + +## Classroom Management for Educators + +Developed for educators by educators, the CircuitVerse platform delivers a high-quality learning experience in a scalable way. Educators can manage, track, and achieve their classroom learning goals in a single, powerful solution. + +Key features include: + +- Create and manage student groups +- Post assignments with submission deadlines +- Add or export grades seamlessly + +Refer to Figure 1.2 for an overview of these features. + +![CircuitVerse educator dashboard displaying group management, assignment tracking, and grading options](/img/img_chapter1/1.2.png) + +*Figure 1.2: Educators can manage, track, and achieve their classroom learning goals using the CircuitVerse platform* + +### Chrome Extension + +Using the CircuitVerse Chrome extension, educators can embed live circuits in their Google Slides and demonstrate concepts without navigating across tabs. Alternatively, they can export images or embed iFrames within their webpages. + +--- + +## Community & Collaboration + +As the CircuitVerse community grows, educators and students can join the online forums to share ideas, questions, and resources related to teaching and learning digital logic design. + +![CircuitVerse community forum showing discussion threads and collaboration features for digital logic design topics](/img/img_chapter1/1.3.png) + +*Figure 1.3: Connect and collaborate on the CircuitVerse Forum for sharing ideas, questions, and resources* + +--- + +## Platform Demo + +Watch the video below for a quick demonstration of the CircuitVerse platform. + + \ No newline at end of file diff --git a/src/css/custom.css b/src/css/custom.css index f290fe31..6d003233 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -5,4 +5,24 @@ height: auto; aspect-ratio: 4 / 3; } +} + +/* === Figure and Caption Styling === */ +figure { + margin: 1.5rem 0; + text-align: center; +} + +figure img { + max-width: 100%; + height: auto; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); +} + +figcaption { + margin-top: 0.5rem; + font-size: 0.9rem; + color: var(--ifm-color-emphasis-600); + font-style: italic; } \ No newline at end of file From 10b35aaedb79b5ff40e19eb6e8bb832f82e6bcc0 Mon Sep 17 00:00:00 2001 From: SouparnaChatterjee Date: Sun, 4 Jan 2026 02:50:29 +0530 Subject: [PATCH 17/20] Fix: Remove merge conflict markers from custom.css --- src/css/custom.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index 48909b38..6d003233 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -5,7 +5,6 @@ height: auto; aspect-ratio: 4 / 3; } -<<<<<<< HEAD } /* === Figure and Caption Styling === */ @@ -26,6 +25,4 @@ figcaption { font-size: 0.9rem; color: var(--ifm-color-emphasis-600); font-style: italic; -======= ->>>>>>> 6af8fa2a9a458e40f9ebcbb7ea53f61742c6e323 } \ No newline at end of file From e3419dd0a1fa66946faff50dd9f9122da3670770 Mon Sep 17 00:00:00 2001 From: SouparnaChatterjee Date: Sat, 28 Feb 2026 22:42:02 +0530 Subject: [PATCH 18/20] Your commit message --- docs/chapter8/1circuittoverilog.md | 110 ++++++++++++++++++----------- 1 file changed, 69 insertions(+), 41 deletions(-) diff --git a/docs/chapter8/1circuittoverilog.md b/docs/chapter8/1circuittoverilog.md index ca52b127..b0b55ced 100644 --- a/docs/chapter8/1circuittoverilog.md +++ b/docs/chapter8/1circuittoverilog.md @@ -1,64 +1,94 @@ -# Verilog support in CircuitVerse +# Verilog Support in CircuitVerse -CircuitVerse together with providing a graphical interface for designing circuits, it also supports Verilog which is a popular hardware description languages which allows the users to simulate hardware and test them. CircuitVerse provides two types of verilog features: +In addition to providing a graphical interface for designing digital circuits, CircuitVerse also supports **Verilog**, a popular hardware description language (HDL) used to model, simulate, and verify digital systems. - - [Circuit to Verilog code](#Circuit-to-Verilog-code) - - [Steps to Convert Circuit to Verilog Code](#Steps-to-Convert-Circuit-to-Verilog-Code) - - [Features and Verilog construct provided by Circuitverse](#Features-and-Verilog-construct-provided-by-Circuitverse) - - [Example](#Example) - - [Verilog code to Circuit](2verilogtocircuit.md) +CircuitVerse provides two Verilog-related features: -## Circuit to Verilog code -CircuitVerse allows users to convert graphical circuits into Verilog code and export them to be run by different verilog simulators like EDA playground and reconfigurable integrated circuits like FPGAs (NOTE: CV doesn't generate bitstreams for hardware). +- [Circuit to Verilog Code](#circuit-to-verilog-code) + - [Steps to Convert Circuit to Verilog Code](#steps-to-convert-circuit-to-verilog-code) + - [Features and Verilog Constructs Provided by CircuitVerse](#features-and-verilog-constructs-provided-by-circuitverse) + - [Example](#example) +- [Verilog Code to Circuit](2verilogtocircuit.md) + +--- + +## Circuit to Verilog Code + +CircuitVerse allows users to convert graphical circuits into Verilog code. The generated code can be exported and simulated using external Verilog simulators such as **EDA Playground**. + +> **Note:** CircuitVerse does not generate FPGA bitstreams. If the generated Verilog code is intended for FPGA implementation, it must be synthesized and processed using appropriate FPGA toolchains (e.g., Quartus, Vivado), and compatibility is not guaranteed. + +--- ## Steps to Convert Circuit to Verilog Code -1. **Design Your Circuit**: Create your digital circuit using the CircuitVerse online simulator. Ensure that your circuit is complete and functions as expected. +### 1. Design Your Circuit +Create your digital circuit using the CircuitVerse online simulator. Ensure that your circuit is complete and functions as expected before exporting. + +### 2. Access the Verilog Conversion Tool +- Click on the **"Tools"** menu located at the top of the CircuitVerse interface. +- Select the **"Export Verilog"** option from the dropdown menu (Refer to Figure 8.1). -2. **Access the Verilog Conversion Tool**: - - Once your circuit is ready, click on the **"Tools"** menu located at the top of the CircuitVerse interface. - - Select the **"Export Verilog"** option from the dropdown menu. Refer Figure 8.1. +![export verilog](../images/img_chapter8/8.1.png) - ![export verilog](../images/img_chapter8/8.1.png) +
Figure 8.1
-
Figure 8.1
+### 3. Label Inputs and Outputs +Assign labels to input, output, and other elements in your circuit. These labels are used as signal names in the generated Verilog code, improving readability and debugging. -3. **Give labels to your input and output elements**: - - You can give your input, output and elements labels to name them respectively in generated verilog code. This also helps in debugging the code. +### 4. Generate Verilog Code +- A new window will open displaying the generated Verilog module. +- A testbench template is also generated (commented out). +- Review the generated code carefully to ensure it correctly represents your circuit (Refer to Figure 8.2). -4. **Generate Verilog Code**: - - A new window will appear displaying the Verilog code and testbench(commented) generated from your circuit. - - Review the generated code to ensure it accurately represents your circuit design. Refer Figure 8.2. +![sample verilog code generated](../images/img_chapter8/8.2.png) - ![sample verilog code generated](../images/img_chapter8/8.2.png) +
Figure 8.2
-
Figure 8.2
+> **Note:** Verilog support in CircuitVerse is an experimental feature. In certain cases, the generated code may require manual corrections. - > NOTE: Verilog support is an experimental feature in CV so, in some cases it can generate wrong verilog code. +### 5. Download or Copy the Code +- You may download the Verilog file (`.v`) or copy the generated code directly. +- Use the code in your preferred Verilog simulator. +- **EDA Playground** is recommended, using **Icarus Verilog** as the simulation engine. -5. **Download or Copy the Code**: - - You can either download the Verilog code as a `.v` file or copy the code directly from the window. - - Use the downloaded or copied code in your preferred Verilog simulator or integrate it into your existing Verilog projects. - - EDA playground is suggested as simulator to run the generated verilog module (Icarus verilog is the supported version). +### 6. Testbench Generation +The Verilog export window includes a commented testbench template. Users must manually provide stimulus values and complete the testbench before simulation. -6. **Testbench code generated**: - - The verilog window also contains testbench for the generated verilog module generated but is commented out, it is not filled with the sample values and the user need to enter it manually. +--- -## Features and Verilog construct provided by Circuitverse -CircuitVerse supports a variety of Verilog constructs, including: +## Features and Verilog Constructs Provided by CircuitVerse -- **Primitive Gates**: Basic logic gates like AND, OR, NOT, NAND, NOR, XOR, and XNOR can be defined using Verilog. -- **Sequential elements**: Sequential elements like flip-flops, latches, RAM, ROM, ALU etc can be defined using Verilog. -- **Gate-Level and Behavioral Code**: CV supports generating Verilog code at both gate and behavioral levels, depending on circuit complexity . -- **Verilog Module Instantiations and Subcircuits**: Each subcircuit in CircuitVerse is converted into a separate Verilog module which is then instantiated in the main module. +CircuitVerse supports generation of the following Verilog constructs: + +- **Primitive Gates:** AND, OR, NOT, NAND, NOR, XOR, and XNOR. +- **Sequential Elements:** Flip-flops and latches. +- **Higher-Level Components:** RAM, ROM, ALU, and other composite elements are translated into corresponding Verilog representations. +- **Structural (Gate-Level Style) Code:** CircuitVerse primarily generates structural Verilog using continuous assignments and module instantiations. +- **Subcircuits as Modules:** Each subcircuit is converted into a separate Verilog module, which is instantiated within the main module. + +> CircuitVerse primarily generates structural Verilog. Advanced behavioral constructs (e.g., complex FSM descriptions) are not automatically synthesized from graphical circuits. + +--- ## Example -Here is a simple example of a AND Gate circuit and its corresponding Verilog code: +Below is a simple example of an AND gate circuit and its corresponding generated Verilog code. ### Circuit Design - + ### Generated Verilog Code @@ -67,10 +97,8 @@ module Main(out1, inp1, inp2); output out1; input inp1, inp2; wire and_0_out; + assign and_0_out = inp1 & inp2; assign out1 = and_0_out; -endmodule -``` - -> TIP: By following these steps, you can efficiently convert your CircuitVerse designs into Verilog code, integrate it into your verilog project and do further simulation and integration into your digital design workflow. The generated verilog code can be also used in reconfigured circuit boards like FPGAs to simulate the hardware. +endmodule \ No newline at end of file From db832b95e19e707fece138de53e37bd8adec94a8 Mon Sep 17 00:00:00 2001 From: SouparnaChatterjee Date: Sat, 28 Feb 2026 22:56:10 +0530 Subject: [PATCH 19/20] updated --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 0e01e4d5..0e20bb7f 100644 --- a/package.json +++ b/package.json @@ -45,6 +45,6 @@ ] }, "engines": { - "node": ">=18.0" + "node": ">=18" } } From a2f10955094880bc573aa9f15f1e16acacb9bce4 Mon Sep 17 00:00:00 2001 From: SouparnaChatterjee Date: Sat, 28 Feb 2026 23:21:08 +0530 Subject: [PATCH 20/20] fix(docs): remove duplicate introduction.md causing Docusaurus id/slug conflict --- docs/chapter1/1introduction.md | 53 ---------------------------------- 1 file changed, 53 deletions(-) delete mode 100644 docs/chapter1/1introduction.md diff --git a/docs/chapter1/1introduction.md b/docs/chapter1/1introduction.md deleted file mode 100644 index ac974fcc..00000000 --- a/docs/chapter1/1introduction.md +++ /dev/null @@ -1,53 +0,0 @@ ---- -id: chapter1-introduction -title: "Introduction" -description: "Introduction to CircuitVerse and its features." -slug: / ---- - -## What is CircuitVerse? - -Inspired by Logisim, **CircuitVerse** is an open-source educational platform for designing and visualizing digital logic circuits directly in the browser. It enables educators, students, electronics engineers, and hobbyists to experiment with digital circuit simulations and explore various "what-if" scenarios. - -Users can share their creations using unique circuit URLs or fork projects from the CircuitVerse community to satisfy their curiosity. - -
- Ripple Carry Adder simulation built using CircuitVerse -
Figure 1.1: Ripple Carry Adder simulation built using CircuitVerse
-
- ---- - -## Classroom Management - -Developed for educators by educators, CircuitVerse delivers a **high-quality learning experience** at scale. Educators can: - -- Create and manage student groups -- Assign projects with deadlines -- Track submissions and export grades - -Using the CircuitVerse Chrome extension, instructors can embed live circuits into Google Slides or export simulations as images or iFrames. - -
- Classroom management interface in CircuitVerse -
Figure 1.2: Classroom management features in CircuitVerse
-
- ---- - -## Community & Collaboration - -As the CircuitVerse community grows, educators and students can connect through online forums to share ideas, ask questions, and collaborate on digital logic design concepts. - -
- CircuitVerse community forum interface -
Figure 1.3: CircuitVerse community forum
-
- ---- - -## Video Overview - -Watch the video below for a quick demonstration of the CircuitVerse platform: - - \ No newline at end of file