Systems and processes for transformation of construction drawings and visual tracking of data
In various embodiments, the data visualization system imports and displays, on an electronic device (e.g., a tablet, desktop computing device, etc.), a representation of a construction drawing, or the like, of a project and corresponding one or more shapes. In one or more embodiments, the one or more shapes may represent an area of the construction drawing. In one or more embodiments, the data visualization system may track project completion and assign colors to the one or more shapes indicating work completion for those shapes.
1. A process for data visualization comprising:
receiving a JavaScript Object Notation (JSON) package at a mobile electronic device comprising:
a computer aided design (CAD) drawing in an image format that is converted from a CAD format for use on the mobile electronic device;
at least one shape and x-y coordinate data associated with a particular location of the at least one shape on the CAD drawing; and
metadata associated with the at least one shape corresponding to one or more properties of the at least one shape, wherein the one or more properties of the at least one shape comprise orientation information, boundary location information, corner or line information, or a combination thereof;
rendering, at the mobile electronic device, the CAD drawing image on a display screen;
rendering, at the mobile electronic device, the at least one shape to position the at least one shape at the particular location on the CAD drawing image in a particular color, wherein positioning the at least one shape at the particular location is based at least in part on (i) the x-y coordinate data and (ii) the metadata associated with the at least one shape; and
in response to receiving an indication of work completed associated with the one or more properties of at least one shape, modifying the particular color of a portion of the at least one shape on the display screen.
2. The process of claim 1 , wherein the particular color is associated with a first layer.
3. The process of claim 2 , wherein the at least one shape is associated with a first layer of the CAD drawing.
4. The process claim 3 , wherein the JSON package comprises a second shape associated with a second layer.
5. The process of claim 4 , wherein the process further comprises rendering the second shape on the display screen.
6. The process of claim 5 , wherein rendering the second shape on the display screen comprises rendering the second shape in a second location on the CAD drawing image based at least in part on second x-y coordinate data.
7. The process of claim 6 , wherein the second location on the CAD drawing is the particular location.
8. The process of claim 7 , wherein the process further comprises rendering the at least one shape and the second shape in a second color.
9. The process of claim 8 , wherein the second color is not the particular color.
10. The process of claim 6 , wherein the second location on the CAD drawing is different than the particular location.
11. The process of claim 10 , wherein the process further comprises rendering the at least one shape in the particular color and the second shape in a second color.
12. The process of claim 1 , wherein the process further comprises receiving a selection of the CAD drawing.
13. The process of claim 1 , wherein the one or more properties of the at least one shape comprise an amount of materials.
14. A system for data visualization comprising:
at least one processor of a mobile electronic device in operative communication with one or more servers, the at least one processor configured for:
receiving a JavaScript Object Notation (JSON) package at the mobile electronic device from the one or more servers, the JSON package comprising:
a computer aided design (CAD) drawing in an image format that is converted from a CAD format for use on the mobile electronic device;
at least one shape and x-y coordinate data associated with a particular location of the at least one shape one the CAD drawing; and
metadata associated with the at least one shape corresponding to one or more properties of the at least one shape, wherein the one or more properties of the at least one shape comprise orientation information, boundary location information, corner or line information, or a combination thereof;
rendering, at the mobile electronic device, the CAD drawing image on a display screen;
rendering, at the mobile electronic device, the at least one shape to position the at least one shape at the particular location on the CAD drawing image in a particular color, wherein positioning the at least one shape at the particular location is based at least in part on (i) the x-y coordinate data and (ii) the metadata associated with the at least one shape; and
in response to receiving an indication of work completed associated with the one or more properties of at least one shape, modifying the particular color of a portion of the at least one shape on the display screen.
15. The system of claim 14 , wherein the particular color is associated with a first layer.
16. The system of claim 15 , wherein the at least one shape is associated with a first layer of the CAD drawing.
17. The system claim 16 , wherein the JSON package comprises a second shape associated with a second layer.
18. The system of claim 17 , wherein the process further comprises rendering the second shape on the display screen.
19. The system of claim 18 , wherein rendering the second shape on the display screen comprises rendering the second shape in a second location on the CAD drawing image based at least in part on second x-y coordinate data.
20. The system of claim 19 , wherein:
the second location on the CAD drawing is the particular location;
the process further comprises rendering the at least one shape and the second shape in a second color; and
the second color is not the particular color.