Digital processing systems and methods for presenting board graphics

A non-transitory computer readable medium containing instructions that, when executed, cause at least one processor to perform operations for presenting board graphics, the operations comprising:

• receiving a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• generating a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generating a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• presenting, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein the transforming occurs after presenting the portion of the canvas layer for a time period,
• wherein the time period is determined based on an event that precedes receiving the request to present,
• wherein the event that precedes receiving the request to present is a scrolling action by a user, and
• wherein the scrolling action includes a rate of scroll, and the time period is determined based on the rate of scroll.

A non-transitory computer readable medium containing instructions that, when executed, cause at least one processor to perform operations for presenting board graphics, the operations comprising:

• receiving a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• generating a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generating a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• presenting, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs, the transforming further comprising:
• determining a transformation ratio for the plurality of DOMs presented on the display;
• and
• based on the determined transformation ratio, transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein the transforming occurs at a rate that corresponds with a refresh rate of the display.

A non-transitory computer readable medium containing instructions that, when executed, cause at least one processor to perform operations for presenting board graphics, the operations comprising:

• receiving a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• determining, for each of the plurality of types of DOMs, a duration of time required to generate a corresponding graphical representation of each of the plurality of types of DOMs;
• comparing each of the determined durations of time to a desired duration of time;
• identifying one or more of the plurality of types of DOMs based on the comparing, wherein the determined duration of time of the identified one or more of the plurality of types of DOMs is greater than the desired duration of time;
• generating a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generating a blank cell as the graphical representation for the identified one or more of the plurality of types of DOMs;
• generating a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• presenting, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein prior to generating the canvas layer, a plurality of types of DOMs are received and a graphical representation is generated for each of the plurality of types of DOMs.

A method for presenting board graphics, the method comprising:

• receiving a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• generating a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generating a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• presenting, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein the transforming occurs after presenting the portion of the canvas layer for a time period,
• wherein the time period is determined based on an event that precedes receiving the request to present,
• wherein the event that precedes receiving the request to present is a scrolling action by a user, and
• wherein the scrolling action includes a rate of scroll, and wherein the time period is determined based on the rate of scroll.

A system for presenting board graphics, the system comprising:

• at least one processor configured to:
• receive a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• generate a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generate a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• present, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transform the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein the transforming occurs after presenting the portion of the canvas layer for a time period,
• wherein the time period is determined based on an event that precedes receiving the request to present,
• wherein the event that precedes receiving the request to present is a scrolling action by a user, and
• wherein the scrolling action includes a rate of scroll, and wherein the time period is determined based on the rate of scroll.

A method for presenting board graphics, the method comprising:

• receiving a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• generating a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generating a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• presenting, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs, the transforming further comprising:
• determining a transformation ratio for the plurality of DOMs presented on the display;
• and
• based on the determined transformation ratio, transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein the transforming occurs at a rate that corresponds with a refresh rate of the display.

A method for presenting board graphics, the method comprising:

• receiving a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• generating a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generating a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• presenting, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein the request to present includes a desired time frame,
• wherein the transforming occurs at a rate that corresponds with a refresh rate of the display, and
• wherein the transforming stops after a second desired time within the desired time frame has elapsed.

A method for presenting board graphics, the method comprising:

• receiving a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• determining, for each of the plurality of types of DOMs, a duration of time required to generate a corresponding graphical representation of each of the plurality of types of DOMs;
• comparing each of the determined durations of time to a desired duration of time;
• identifying one or more of the plurality of types of DOMs based on the comparing, wherein the determined duration of time of the identified one or more of the plurality of types of DOMs is greater than the desired duration of time;
• generating a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generating a blank cell as the graphical representation for the identified one or more of the plurality of types of DOMs;
• generating a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• presenting, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein prior to generating the canvas layer, a plurality of types of DOMs are received and a graphical representation is generated for each of the plurality of types of DOMs.

A system for presenting board graphics, the system comprising:

• at least one processor configured to:
• receive a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• generate a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generate a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• present, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transform the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs, the transforming further comprising:
• determining a transformation ratio for the plurality of DOMs presented on the display;
• and
• based on the determined transformation ratio, transforming the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein the transforming occurs at a rate that corresponds with a refresh rate of the display.

A system for presenting board graphics, the system comprising:

• at least one processor configured to:
• receive a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• generate a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generate a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• present, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• and
• transform the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein the request to present includes a desired time frame,
• wherein the transforming occurs at a rate that corresponds with a refresh rate of the display, and
• wherein the transforming stops after a second desired time within the desired time frame has elapsed.

A system for presenting board graphics, the system comprising:

• at least one processor configured to:
• receive a request to present, on a display, a board having a plurality of document object models (DOMs) arranged in rows and columns;
• determine, for each of the plurality of types of DOMs, a duration of time required to generate a corresponding graphical representation of each of the plurality of types of DOMs;
• compare each of the determined durations of time to a desired duration of time;
• identify one or more of the plurality of types of DOMs based on the comparing, wherein the determined duration of time of the identified one or more of the plurality of types of DOMs is greater than the desired duration of time;
• generate a canvas layer of the board, wherein the canvas layer includes a graphical representation of each of the plurality of DOMs;
• generate a blank cell as the graphical representation for the identified one or more of the plurality of types of DOMs;
• generate a library of locations on the canvas layer, wherein the library of locations stores an arrangement of the plurality of DOMs;
• present, on the display, a portion of the canvas layer, wherein the presented portion of the canvas layer is determined by a size of the display;
• transform the graphical representation of each of the plurality of DOMs presented on the display into a corresponding DOM of the plurality of DOMs,
• wherein prior to generating the canvas layer, a plurality of types of DOMs are received and a graphical representation is generated for each of the plurality of types of DOMs.