How to use SineGrid

Analyze animations · read transformation choices

Open Analyze under Graph Actions, then choose Grid + Transformations at the top and upload or paste a problem image. First, drag a box around the coordinate grid, or choose Skip grid. After you release the grid selection, step 2 opens automatically. Drag one box around the question and all answer choices, then click Read selected text. Wrapped lines remain part of the same choice. Use Back to grid to adjust the grid selection. Text reading runs in your browser after downloading its OCR engine; it needs internet access. You can instead type or paste text.

In the first step, select the entire straight grid. When the grid overlaps your text selection, select this grid box before reading text: its contents are excluded from text recognition. Keep question words outside the grid box; if printing truly overlaps the words, correct or type those words manually. Import selected grid opens the existing photo analyzer. Check its origin, units, points, and labels before Add or Replace. Closing that analyzer returns you to the animation review.

Lettered or numbered choices are separated automatically when text is read or edited. If only one figure is available, it is selected automatically. Otherwise, select a starting figure for each choice. Correct any text, and review the numbered steps. This first draft supports translations using distances and directions; reflections over the axes, x = number, y = number, y = x, or y = −x; rotations with degrees, direction, and center; and dilations with a scale factor and center. Specify the origin or a coordinate center for rotations and dilations. Simple stacked scale-factor fractions receive an extra recognition pass; check the result and correct fractions as 1/2, 2/3, etc. when needed. A 180° rotation can omit direction. Unsupported or incomplete instructions need correction; recognition does not determine which answer choices are correct.

Click Create animations after reviewing the choices. Every choice starts independently from its selected figure; subsequent steps transform that choice’s preceding image. The results appear under Animations on the right. Generated images start hidden. Play or Show reveals an animation; playing another animation does not hide images already showing. Hide is manual. The original imported figures remain visible. Use Fit to shapes if results extend beyond the grid. Save the project to retain the figures and animations; the uploaded picture and uncreated text draft are not saved.

Google account · view, switch & disconnect

Save As and Load show the connected Google name and email. Choose Switch account to open Google's account chooser. Switching keeps your graph and clears the old Drive destination; choose a file or folder in the new account before saving. Canceling sign-in keeps your previous connection. Disconnect removes this connection without deleting your saved files.

Build a graph, explore transformations, or turn your work into a worksheet. Open a category below for instructions. Switching tabs keeps your work in place.

Getting started · new, save, load & undo

On Graph, set your coordinate range, then choose Make new shape or Make a line.
Click the grid to place points. Close a polygon by clicking its first point again, or finish drawing to leave it open.
Use the figure’s card under Shapes & lines to edit it. Save your work before closing the app.

New asks for confirmation before clearing the current graph and saved animations. Cancel keeps your work. Save downloads an editable .sinegrid project; Load opens one. Projects include graph settings, figures, equations, links, and saved animations. Imported source photos and undo history are not included. Refreshing the page does not automatically save your work.

Undo / Redo: use the buttons or Ctrl+Z / Ctrl+Shift+Z. On Mac, use Command. A complete drag counts as one change. Worksheet files are saved separately—see Worksheets below.

Save, Save As & Load · PC or Google Drive

Save updates the file you opened or most recently saved, in its existing PC or Google Drive location. If this graph has no saved destination, Save asks where to save it. Save As lets you choose PC or Drive and a new name/location; subsequent Save clicks update that new file. New clears the destination. Reloading the website also clears it; Load your project again to reconnect to its file.

PC: supported browsers open the native Save As window so you can choose a folder and name. Load opens the native file browser and retains access so Save can update that file. Browsers without this support use ordinary downloads and file uploads; they cannot update the original PC file directly. Canceling Save As keeps your previous destination.

Google Drive: sign in if asked. Save As opens Google’s folder browser, then asks for a file name before creating a new .sinegrid copy. You can also select My Drive as the destination. Save updates the existing Drive file without changing its folder. Load opens Google’s file picker; choose a .sinegrid project and confirm replacing the graph. Undo restores graph content but does not change the file destination. Canceling a picker does not save or replace anything.

SineGrid requests access only to files you select or create with it. Disconnect ends the connection without deleting files. Internet access and the hosted website are required for Drive; school accounts may require administrator approval. These controls save graph projects; worksheets keep their separate Save worksheet and Load worksheet controls.

Grid setup · ranges, snapping & labels

Open Coordinate range & grid step to set the x/y minimums and maximums. Each maximum must exceed its minimum. Grid step changes the spacing of grid lines. Choose Custom… to enter a positive amount, such as 0.1, 2.5, or 3. Grid snapping uses that spacing when set to Grid step.

Fit to shapes fits visible figures with one grid square of padding and keeps both axes visible. Lines and rays use their defining points; function equations do not determine the fit.
Reset ranges returns both axes to −10 through 10.
Snapping controls points, moves and centers, and line endpoints joining existing points separately. Choose the grid step or an increment down to 0.01. Exact coordinate edits are not rounded to this increment.

Use Point Labels in the top bar for points, ordered pairs, both, no labels, or shape names. The larger-label checkbox enlarges the text. Grid & axes has separate switches for grid lines, axis letters, and numbers. Grid lines start on and include arrows at both ends of each visible axis. Use All to switch these together; turn All off for a blank canvas behind your figures.

Chalkboard in Graph Actions switches to a dark background with light axes and grid lines. All graph tools remain available.

Each figure’s labels dropdown offers Toolbar to follow the top bar, followed by the same five display options. Changing the toolbar resets every figure to Toolbar so all figures follow the new setting. Afterward, choose an option on a figure to override it, including showing labels when the toolbar is set to No labels. For a centered shape name, choose that label option and edit the figure’s name in its card.

Drawing & editing · points, shapes, lines & curves

The four drawing buttons form a 2 × 2 grid: Plot a point, Connect points, Make new shape, and Make a line. Select line/shape is directly underneath.

Plot a point: click to add independent, unconnected points. The button changes to Stop plotting; click it again to stop. Finish or switching to Select line/shape also ends plotting.

Point Labels → Adjust: check this to drag point labels, coordinates, or shape names without moving the geometry. Uncheck Adjust in Point Labels to return to normal editing. Analyze keeps detected labels near their original image positions. Manual positions are saved with projects and worksheet graphs. Undo restores a previous label placement.

Connect points: click free points or open-path endpoints in order to join them. Matching endpoints join without a duplicate vertex. An open path can share a corner with another shape: select the corner, click an endpoint of the open path, then click the shared corner again to close it. Existing shapes stay intact. Segment-middle and single-point connections remain live connections. Click Stop connecting or Finish to exit without removing your connections.

To extend an existing line or open path, click its endpoint and then a free point. You can also start with a free point and then click a line endpoint. Click a shape corner or the middle of a segment to create an attached branch without changing the original shape. A segment attachment keeps the same fractional position along that segment when its endpoints move. Connected branches and their source figures share one color; changing the color on any connected piece updates the whole connected figure. Branches are linked segments: move the original points to adjust them, or use Unlink construction on the connection to make it independent. Click more targets to continue, then finish.

When joining free points to open-path endpoints, the pieces become one editable path; a line’s infinite extensions are replaced by connected segments when a third point is added. Click the first point to close, or finish for an open path. Two connected points make a line with line/segment/ray controls; adding a third turns it into a shape. Points keep their labels and coordinates; linked or grouped points must be unlinked or ungrouped first.

Make new shape: click connected vertices in order. With at least three points, click the first point to close. Finish drawing before editing other figures. Add points in a shape’s card appends vertices; a closed shape stays closed.

Make a line: click two distinct positions or existing points. In its card, switch among a line, line segment, and ray. Switch direction reverses a ray. Picking an existing point copies its position; it does not create a live link to that point.

Circles & curves: select a type, then choose Add circle / curve. Circles and semicircles need two diameter endpoints. A curved segment needs a start, end, and bend point.

Drag a point to move that vertex. Use Edit coordinates for exact x/y values, point labels, and point deletion.
Use Select line/shape and drag an edge or interior to move the whole figure. Clicking directly on a point still lets you drag that point.
Edit the name directly in the figure’s card. Automatically assigned names renumber when figures are deleted; names you enter stay unchanged. Use its color swatch, fill control for closed shapes, or Delete button.
Lock prevents direct movement. Hide / Show changes visibility without deleting the figure or its links.

For two-point lines, segments, and rays, expand Show equations for slope-intercept and standard forms. Vertical lines use x = a constant. Segment and ray equations describe their full supporting line.

Transformations · translate, reflect, rotate & dilate

Expand Transform, choose one of the four buttons in the 2 × 2 layout—Translation, Reflection, Rotation, or Dilation—and select a figure. You can also use a figure’s Transform button. This creates an image while keeping the original; new image labels receive primes.

Saved animations: created transformations and sequences appear under Animations on the right. Rename an entry for your lesson, use Hide to hide its images, then Play to restart it and reveal each image after its step. Play reuses the same figures. Stop ends playback; Show reveals the images immediately. Drag the numbered handle to reorder saved animations, or focus it and use the up/down arrow keys. Expand the step count to see numbered descriptions, including translation directions and amounts, reflection lines, rotation angles and centers, and dilation factors. Remove deletes the animation and every image it created; Undo restores them. Starting figures are kept. New images use colors not already used on the grid; replay also resolves color duplicates. Removing an image used as the starting figure of another animation means that other animation must be recreated. Save your .sinegrid project to keep these for another class.

Transformation sequence: select a starting figure, add steps, and enter their settings. Translation amounts and dilation factors accept typed numbers or the input’s up/down arrows. Rotation offers 90°, 180°, and 270° buttons in each direction, plus Custom CW and Custom CCW. Center x and Center y appear together below the settings. Drag a step’s numbered ↕ handle to change its order, or focus the handle and use the up/down arrow keys. Play sequence animates each step before placing its image; the next step uses that image. Duration is set under Animation & traces. Stop keeps completed images; Undo removes them one at a time.

Translate: enter horizontal and vertical amounts, choose Left/Right and Up/Down, then press Create image. You can also drag the image and release.
Reflect: choose Over x or Over y, or choose Draw line of reflection and place two distinct points. Drag the reflection line’s square handles to adjust it.
Rotate: choose the center on the grid; click or drag to place it. Then press a degree button in the Clockwise or Counterclockwise row to create the image. The center target can be dragged to adjust the rotation.
Dilate: enter a scale factor, such as 2 or 1/2, choose the center if needed, and press Create image.

Rotation circles: choose a center first, then drag a circle to rotate using 90°, 45°, 30°, or free increments. In Transform, this creates an image. In Select line/shape, it rotates the selected figure itself. Selection circles remain available when you deselect; use Change circle center or drag the center target to reposition it.

To link existing similar figures, select two using Shift-click or Layers & groups. Choose the Preimage under Select line/shape and press Link selected shapes. Matching vertices establish the scale and mapping; the other figure becomes the image. Edit either figure’s points to update its partner. Symmetric figures can have several valid mappings; matching point names are preferred. Use the image’s Link image checkbox to unlink it. Figures need the same number of defining points. Links support dilation together with rotation, reflection, and translation. Locked images and dependent constructions must be unlocked or unlinked first; circular links are blocked.

The rotation and reflection buttons in Select line/shape change the selected figure itself. Selection rotation uses its circle center when enabled, otherwise the selection’s center.

Link image is checked for new transformed images. Moving corresponding points updates linked figures, including chains of images. Uncheck it to make an image independent. Add vertices to the original; deleting a linked point also removes its corresponding original point.

Expand Show transformation rule on an image’s card when you want to reveal the rule. Inside Transform, expand Animation & traces to control Animate new images, which is on by default and plays the motion before placing the image. Set the duration, show point paths, replay the last transformation, or clear paths.

Organizing figures & linked constructions

Layers & groups lists figures with the front layer first, including hidden figures. Select by name, change the stacking order, or check several figures and choose Group. Use Ungroup to separate them. Shift-click adds figures to a selection. When movable points overlap, dragging selects the point on the front layer. A locked member blocks moving its group.

Constructions makes midpoints, parallel lines, perpendicular lines, and perpendicular bisectors. Choose a reference edge; parallel and perpendicular lines also need a through point. Press Create construction.

Moving reference points updates the construction. Unlink construction makes it independent. Deleting a reference leaves its dependents at their current positions; a zero-length reference temporarily hides an undefined line.

Function graphing · equations, scaling & intersections

Open Function graphing on the right and choose Add equation. Try y=x^3, y=abs(x), y=(1/2)*x^2, or y=sin(x). Math buttons insert editable templates. Trigonometry uses radians; log is base 10 and ln is natural log.

Each equation has color, visibility, deletion, optional domain/range limits, and a table of values. Empty limits are unrestricted. Sliders & scaling supports a, b, c, h, and k parameters and positive horizontal/vertical stretch factors. Use explicit multiplication, such as a*x.

Inequalities such as y<x^2 shade the appropriate side; strict inequalities have dashed boundaries. Tables and intersections use the boundary equation. Implicit equations are not supported.

Select line/shape can select and drag function curves, updating their equations and limits. Find intersections, under Measurements, includes visible functions, lines, rays, segments, and shape edges. Intersection markers automatically use a different color from current figures and functions. Curved intersections are numerical estimates within the visible range; closely spaced or rapidly oscillating crossings can be missed.

Measurements & teaching tools

Open Measurements → Angles and enable Show angle measures to show degree labels and angle arcs on closed shapes and interior vertices of open paths. Choose Show interior, Show exterior, or Show both. At a branching junction, Exterior shows the single outside gap between the outer arms, without an artificial extension. For ordinary polygon corners, exterior angles use an extended side and equal 180° minus the interior angle; concave vertices therefore have negative exterior turns. Open paths use the smaller angle as the interior. The named angle list includes angles between attached branches. Self-intersecting figures do not have a single polygon interior interpretation. Each angle can show its measure (On), show ? (Find), or be hidden (Off). Interior and exterior measures have independent controls; Show both lists them separately. Right angles display only a square marker, with no 90° text. Find replaces the square with an arc and ?. The Show angle measures checkbox hides or shows all angles without losing individual choices; the interior/exterior/both selector applies to all. Adjacent angles start On; larger combined angles containing another branch start Off and can be enabled. Measures update as points move and are included in graph copies and worksheet captures.

Open Measurements → Lengths for a separate On / Find / Off control for each named segment. Inside it, enable Show side lengths independently to label sides of polygons, open paths, and finite line segments in coordinate units (rounded to three decimal places). Infinite lines, rays, and curves are excluded.

Make a missing-measure problem: click any displayed angle or length to replace its value with ?; click it again to reveal the value. Unknown right angles use an arc rather than a square. These choices are saved with the graph and captured in worksheets. In Worksheet, choose Find an angle measure or Find a segment length under Quick question → Measurements. Select the named measure and press Use question to mark it ? in that problem’s graph and generate its answer from the saved geometry.

Angles are listed automatically for closed shapes, open paths, and attached branches. No A/B/C point selection is needed. Perimeter & area lists visible figures directly without a shape picker. Curved lengths are approximate; self-intersecting polygons do not have an area result.

Congruence & similarity compares supported figures and reports the scale factor from the first to the second. It supports polygons/open paths with matching point counts, line segments, and pairs of circles or semicircles; curved segments are not supported.

The following are separate collapsible sections at the bottom of the sidebar. Opening one switches to that tool; there is no Teaching Tools menu:

Slope / rate of change: select two existing points and enable Show on graph to display rise and run.
Pythagorean theorem: draw a right triangle or choose Try a 3–4–5 triangle. Select its 90° corner as B and the other endpoints as A and C. Enable Show on graph, choose the missing side, and optionally show squares or reveal the solution. Its side labels also follow Measurements → Lengths: Show side lengths hides or shows them together, and each side has its own On / Find / Off setting.
Scatter plot / trend line: enter one x, y pair per row and press Plot data. Press Fit line to data for a least-squares line. Drag its orange handles or enter m and b to adjust it. It does not snap back automatically; press Fit again to recalculate. Enter an x-value for a prediction; values beyond the data range are marked as extrapolation.

Analyze photo · import & review a graph

Open Analyze, choose Grid at the top, and upload an image, or paste an image while its window is open.
Make sure the grid is straight and fully visible. Include the scale, axes or origin, and all vertices.
Review the proposed geometry, coordinates, labels, colors, and coordinate units per square. For colored diagrams without axes, the preview assumes the grid center or a nearby central dot is the origin and enables importing. Review the origin and units; choose another origin if needed. Other uncertain detections still require confirmation. Colored figure names are matched to their outlines by color. Isolated black dot markers are imported as separate points, with nearby labels when readable.
Choose Add to current graph or Replace current graph. Both support Undo.

By default, importing adjusts the range to include both axes and one grid square of padding around the imported figures. Add keeps any wider current range. Check Keep current grid size when adding to preserve your current ranges and grid step instead; this option applies only to Add. Use the scrollbar to review the results; the Add and Replace buttons remain at the bottom of the window.

Unlabeled figures stay blank with labels hidden. Review suggested letters, prime marks, and shape names; recognition can make mistakes. When matching figures can be linked, review the Link matching shapes option.

In Grid + transformations, include both parts when a question says to perform the same transformations in reverse order. The second animation uses the preceding part’s steps in reverse order, starting from the same original figure. Numbered instructions that name the preceding image are grouped into one sequence. Each named image becomes the next step’s source; mismatched names must be corrected. Comparison questions are unchecked automatically. Include the introductory text when it lists vertex coordinates: those coordinates create a new starting figure, while the imported final image remains for comparison.

Origin detection is not always reliable. Tilted/cropped photos, curves, and overlapping figures remain difficult, and not every incomplete image is detected. Always review the preview. Processing stays on your device.

Worksheets · build questions & arrange pages

Prepare the visible graph, including its ranges and labels. Hide anything students should not see, then click Add to worksheet on Graph. Each problem gets its own snapshot.
Open Worksheet. Set the title; press Enter for a second line and adjust Title size (pt) from 10–36 points. The title formatting applies to the worksheet and answer key. Name and date spaces are added automatically. Add question creates a problem without a graph.
Type a question or open Quick question. Choose a category—Transformations, Measurements, or Coordinates—then a question type and its settings. Dilation scale factors accept fractions such as 1/2 or decimals such as 0.5. Choose Perform a sequence for two or more steps, and set each transformation in order. Select one or more student tasks, then press Use question. Multiple tasks become parts such as 1a, 1b, and 1c.

Under Measurements, choose Find multiple measures (a, b, c) to combine any selection of interior angles, exterior angles, and side lengths from the same graph. Check the measures you want, then press Use question. They become parts 1a, 1b, 1c, 1d, and so on, with up to 26 parts and matching answer-key entries. Selected measures become ? in the problem’s saved graph; your main graph stays unchanged. Is it congruent? asks students to compare two visible figures and explain their reasoning; the answer key checks their saved geometry. Quick questions include finding angle measures and segment lengths, translation, reflection, rotation, dilation, reading coordinates, and identifying transformations or two-step sequences. For a sequence with three figures, select original, intermediate, and final figures. Prime labels can help preselect them. Insert math provides a preview before inserting an expression.

Add another question for the same graph adds a new problem immediately below with a copy of the graph and a blank question. Choose a new Quick question or type your own. Its answer is separate, and editing either graph does not change the other.

Edit graph reopens that problem’s graph in the builder. Make changes and press Update to apply them, or Cancel to discard them. Update keeps the question text and Quick question settings, and refreshes existing automatic answers and answer graphs from the changed geometry. Manual answers and manual answer graphs are preserved; review them if the geometry changes. Your main graph is restored afterward.

Choose 1 column or 2 columns; problems read left to right. Use Span both columns for a full-width problem.
Reorder with Move up / Move down or the drag handle. Duplicate or delete a problem; Undo delete restores a deleted problem.
Set Student work space, extra space below, or a page break. Work space is blank, without printed writing lines. Without a graph, Small/Medium/Large provide about 1/3/7 lines of space. Larger work areas use space beside the graph when it fits, then below.
Set a plot width or drag the graph’s resize handle. Automatic sizing starts at ⅙ inch per square with a 1.5-inch minimum plot size, then shrinks oversized graphs to fit the column.
Enable Box around questions to outline each problem.

Tools scroll on the left and the page preview scrolls separately on the right. Drag the divider to give either side more room; double-click it for equal halves. The browser remembers the width. On narrow screens, the panes stack vertically.

Answer keys · automatic answers & teacher edits

Use Student worksheet and Answer key in the top bar to switch views. Supported Quick questions generate answers automatically. Only requested tasks are included: drawing, coordinates, rules, or selected angle and length measures. Multipart questions keep the same part letters in the student worksheet and answer key. Measurement answers use the saved coordinates and requested interior/exterior angle, rounded as stated in the question.

Quick questions let you choose the number of transformation steps, each with its own settings. Dilation rays: select a figure, enable Dilation rays, and click the center. Drag a vertex along its ray to enlarge or shrink the entire figure. The center target is draggable. Snap to grid snaps the dragged vertex to the nearest grid line while all vertices stay on their rays and share one scale factor. Turn it off for smooth scaling. Turn rays off to edit individual vertices again. Timer: open Timer at the bottom, set minutes and seconds, then Start. The time fields hide after Start or Done; Edit time brings them back and pauses the countdown. Drag the progress bar right to take time off or left to give time back. Pause or Reset as needed. Drag its header to move it and the lower-right corner to resize. Hiding the timer keeps it running; Sound plays a randomly selected duck sound when time runs out. The duck on the progress bar is draggable. Bottom tools: tap ▾ to collapse the Keyboard / Number pad / Timer bar; tap Tools ▴ to show it again. This browser remembers your choice. Touch typing: use the bottom Keyboard or Number pad button, then tap a field. Drag the keyboard header to move it; × closes it. Transformation arrows have larger tap targets. Quick answer follows the exact saved question. For a defined transformation, coordinate, or measurement question, use Fill answer from question. For an identification question, enter the transformation steps that answer it; the number of answer steps matches the question. It does not change the student question.

Custom or manually rewritten questions use manual answers. Type in the answer box, use Insert math, or choose Add answer graph. Answer graphs are separate from student graphs and can be edited or removed. Generate answer deliberately regenerates a supported answer; review it before replacing your manual work.

When more than one mapping is verified, automatic identification may list Multiple answers:. Original/final figures alone may permit other sequences beyond the examples shown. An intermediate figure helps constrain the sequence. Review automatic results, especially imported geometry or unlabeled figures; use manual answers for unsupported or ambiguous questions.

Clear answer leaves that answer blank instead of immediately regenerating it. The key uses the same adjustable tools/preview layout as the student worksheet.

Export & print · graph images, worksheets & keys

Copy image copies the visible graph for pasting into slides or documents. Choose your labels and ranges first. If clipboard copying is unavailable, check your browser’s clipboard permission.

In Worksheet, use Save worksheet to download a .sineworksheet file containing questions, captured graphs, layout, and answers. Load worksheet reopens it. This is separate from the Graph tab’s .sinegrid project.

Select Student worksheet or Answer key, then choose Print / Save PDF to print that view or save it using your browser’s PDF destination. Preview pages use US Letter. Resizing the preview pane does not change the printed page size. Review page breaks, graph legibility, and answer content before printing.