All Collections
Desmos Classroom
Create Your Own Lessons
Copy individual components and edit graphs in Activity Builder
Copy individual components and edit graphs in Activity Builder
Updated over a week ago

Are you working in Activity Builder and want to use a component from a previous screen? We understand that recreating the entire component from scratch can be frustrating. You can save time and effort by copying individual components into new screens.

1. Copy and paste individual components

In Activity Builder, click on the new Copy button in the top menu bar of any component. A dialog box referencing the copied component will display in the bottom center of the screen. Next, navigate to a new screen in the same activity or another activity. Paste in the component.

2. Computation Layer

If you have named the component, and then copied and pasted it into the same activity, you will need to change the name of the cloned component to resolve a Computation Layer error.

Computation Layer code connected to that individual component will also be copied over into this new instance.

Edit graphs in Activity Builder

1. Edit the screen in the Desmos Graphing Calculator

Scroll to the bottom of a graph’s expression list in Activity Builder and click edit graph on Desmos.

Copy the URL of your graph from the Desmos Graphing Calculator.

Paste it in any expression of your new graph in the Desmos Activity Builder. The new graph in Activity Builder will populate with the contents of the graph from the Graphing Calculator!

2. Computation Layer

Does the graph you want to replicate rely on student input from the activity? The contents of the graph can be copied to another screen using Desmos Computation Layer!

Use the following instructions and code.

Your new Graphing Calculator screen may be blank in your editing view, but you’ll be able to view it by checking the Student Preview.

Computation Layer instructions

1. Name the old graph (e.g., graph1).

2. Add it as a background layer on a new graph using the following script: background: graphLayer(graph1.calculatorState).

3. Use the following bounds in the script so that you can see the same part of the graph: graph1.bounds.

4. Turn off the grid on the new screen.

Did this answer your question?