Web based viewer for 3D CAD models

Solution – Business Need

This solution was developed for a supplier who supplies various parts to OEMs. The sales team of the supplier, who carry a lot of materials/catalogue, also would like to show their parts in a web browser, preferably on the mobile platforms. For this reason, the supplier wanted us to develop an application which would load the tessellated model in web browser.

The client’s business situation requires

  1. Solidworks native 3d models and step files should be loaded in the browser.
  2. Possibility to choose the view and various model sections.
  3. Possibility to create Mark ups (Dimensioning, Ballooning and Annotations)
  4. Assign Solidworks model colour to the 3d web model.
  5. Provide below features in web browser.
    1. Pick
    2. Drag
    3. Move
    4. Rotate

Challenges Faced

Lots of challenges were faced in defining the application spec development phase and the Proof of Concept phase. Few of them are listed here:

  1. To choose the right technology which is scalable and reliable
  2. How to effectively load huge models considering the internet bandwidth
  3. Whether to make it completely web based or have a part mobile application

Our Solution

After careful consideration, we decided to use JSON, WebGL and ASP .Net to develop the prototype. Since the model had to be displayed in browser for demonstrative purpose, we decided to show the tessellated model in the browser. Creating tessellation for the model was both time intensive and process intensive. To overcome, this problem we maintain the tessellated data in an XML format.

An example of the input model (“acron high crown nut_61_ai.sldprt”) and its corresponding tessellated model is shown below

Screen Shot 2015-09-09 at 10.41.18 PM

a. Original Model

Screen Shot 2015-09-09 at 10.41.58 PM

b. Tessellated Model in Browser

It was also ensured that the XML data corresponds to the latest version of the model in the server. This is achieved by updating the XML file in the server, whenever a new version of the model is being checked-in to their PLM system. This XML data which is of small size is used by application to convert the data and load it in the browser. We also do a XML schema validation to check any corruption or loss of data while retrieving from the server.

The sample XML file generated and stored in the server will look like

Screen Shot 2015-09-09 at 10.42.58 PM


Export of dimensions and annotation details into a PDF format was proposed for later phase. This PDF will be uploaded to the server and will be used by the design team to create specific parts as per customer requirements.

The list of features provided in the applications include

  1. Zoom
  2. Select
  3. Rotate
  4. Create Annotation
  5. Create Dimensions


  • The sales team of the client found this application to be very useful.
  • The modified model was saved and sent back to the design team instantly, thereby reducing their sales visits to the customer.
  • The design intent of the customers was well captured and document.
  • The saved model was used to correlate the changes performed by the user after receiving the request from customer.
  • The application doesn’t require any applications to be installed on the mobile platform, as it is completely web based.

Write to us