Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 8 additions & 2 deletions docs/chapter4/3output.md
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,13 @@ You can verify the behavior of the **HexDisplay** circuit element in the live ci

The **SevenSegDisplay** behaves similar to a **HexDisplay**, but it takes an 8-bit input rather than a 4-bit input––making it more customizable. It takes in eight inputs and displays an output, an integer from 1 to 9. As Figure 4.2 elucidates, the top four inputs correspond to the middle, top left, top, and top right segments from left to right respectively. The bottom four inputs correspond to the bottom left, bottom, bottom right, and decimal segments from left to right respectively.

![](/img/img_chapter4/4.2.png)
<div align="center">
<img
src="/img/img_chapter4/4.2.png"
alt="Pin description of SevenSegDisplay"
style={{ maxHeight: "70vh", width: "auto", maxWidth: "100%" }}
/>
</div>

<div align="center">
<em>Figure 4.2: Pin description of SevenSegDisplay</em>
Expand Down Expand Up @@ -229,4 +235,4 @@ Tips:
- To program images or animations, combine counters (for row/column indices), a clock, and a constant or register that provides the 24-bit color values (packed as explained above).
- When saving a circuit, the current color of every pixel is persisted, so previewing saved designs will display the saved image.

<iframe src="https://circuitverse.org/simulator/embed/rgbled-ad6e513a-6174-4d30-bd4b-a97b8934950b?theme=&display_title=false&clock_time=true&fullscreen=true&zoom_in_out=true" style="border-width:; border-style: ; border-color:;" name="myiframe" id="projectPreview" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="500" width="500" allowFullScreen></iframe>
<iframe src="https://circuitverse.org/simulator/embed/rgbled-ad6e513a-6174-4d30-bd4b-a97b8934950b?theme=&display_title=false&clock_time=true&fullscreen=true&zoom_in_out=true" style="border-width:; border-style: ; border-color:;" name="myiframe" id="projectPreview" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="500" width="500" allowFullScreen></iframe>