# ParaViewWeb Visualizer

**URL:** https://discourse.paraview.org/t/paraviewweb-visualizer/1268
**Category:** Development
**Tags:** python
**Created:** [February 11, 2019, 12:27pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268 "2019-02-11T12:27:28Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![barak.o](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/b/958977/32.png) [@barak.o](https://discourse.paraview.org/u/barak.o)
#### Post date: [February 11, 2019, 12:27pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/1 "2019-02-11T12:27:28Z")

</div>

Hello,  
I Created project with visualizer to show vtk file.  
I want show also some points on the screen, I want the round and focus of vtk will be effect also the points.  
What the best way to do it?  
Thanks,  
O.Barak

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [February 12, 2019, 12:03am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/2 "2019-02-12T00:03:11Z")

</div>

Is your Visualizer working?

What kind of points, round and focus are you talking about?

---

<div class="post-metadata">

### Author: ![barak.o](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/b/958977/32.png) [@barak.o](https://discourse.paraview.org/u/barak.o)
#### Post date: [February 12, 2019, 5:56am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/3 "2019-02-12T05:56:59Z")

</div>

Yes, my visualizer working.  
The points will be shown on the drawing, but the point data is x,y,z format and the drawing data is vtk file.  
Thanks

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [February 12, 2019, 1:48pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/4 "2019-02-12T13:48:52Z")

</div>

Create a vtkPolyData from those x,y,z and use the trivial producer to bring it into the ParaView pipeline.

---

<div class="post-metadata">

### Author: ![barak.o](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/b/958977/32.png) [@barak.o](https://discourse.paraview.org/u/barak.o)
#### Post date: [February 13, 2019, 5:52am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/5 "2019-02-13T05:52:18Z")

</div>

How to to bring it into the ParaView pipeline?

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [February 13, 2019, 2:28pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/6 "2019-02-13T14:28:27Z")

</div>

```auto
from vtkmodules.vtkCommonDataModel import vtkPolyData, vtkCellArray
from vtkmodules.vtkCommonCore import vtkPoints, vtkFloatArray

from paraview import simple

polyData = vtkPolyData()
polyData.SetPoints(vtkPoints())

polyData.SetLines(vtkCellArray())

points = polyData.GetPoints()
lines = polyData.GetLines()

points.InsertNextPoint(0, 1, 0) # id: 0
points.InsertNextPoint(0, 2, 0) # id: 1
points.InsertNextPoint(0, 3, 0) # id: 2
points.InsertNextPoint(0, 4, 0) # id: 3
points.InsertNextPoint(0, 5, 0) # id: 4

lines.InsertNextCell(points.GetNumberOfPoints())
lines.InsertCellPoint(0)
lines.InsertCellPoint(1)
lines.InsertCellPoint(2)
lines.InsertCellPoint(3)
lines.InsertCellPoint(4)

trivialProducer = simple.TrivialProducer()
trivialProducer.GetClientSideObject().SetOutput(polyData)

simple.Show(trivialProducer)
simple.Render()

```

---

<div class="post-metadata">

### Author: ![igor](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/i/dec6dc/32.png) [@igor](https://discourse.paraview.org/u/igor)
#### Post date: [February 17, 2019, 8:04am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/7 "2019-02-17T08:04:50Z")

</div>

Hello,

Thank you very much for this example. It’s very usefull.  
Do you may to provide similar example, but with spheres. (With radius 1)  
Thank you very much and best regards, Igor.

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [February 17, 2019, 9:29pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/8 "2019-02-17T21:29:58Z")

</div>

```auto
from paraview import simple

sphere = simple.Sphere()
sphere.Radius = 1

simple.Show()
simple.Render()

```

---

<div class="post-metadata">

### Author: ![igor](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/i/dec6dc/32.png) [@igor](https://discourse.paraview.org/u/igor)
#### Post date: [February 18, 2019, 12:24am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/9 "2019-02-18T00:24:45Z")

</div>

Thank you very much!

---

<div class="post-metadata">

### Author: ![igor](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/i/dec6dc/32.png) [@igor](https://discourse.paraview.org/u/igor)
#### Post date: [February 19, 2019, 5:25am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/10 "2019-02-19T05:25:13Z")

</div>

Hello Sebastien,

Thank you very much about your previous answer.  
I’m newest in ParaView/Web applications.  
Provided examples demonstrate how to create models in python.  
But not understandable how(or where) I load to Visualizer this code.  
In my task I need:

1. Load vtk file
2. Load txt file with spheres position information
3. Add spheres (by code) to loaded vtk model
4. Display to user result scene

Is possible to provide more detailed information (step by step) for this task?  
Positions of new files. How to attach and call these files to html page?  
Thank you Very much.

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [February 19, 2019, 4:59pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/11 "2019-02-19T16:59:15Z")

</div>

I’m not sure it is a Visualizer question. It seems that you are trying to build a custom application based on the ParaViewWeb framework. ParaView Visualizer, ParaView Lite, ParaView Divvy are good examples on how to use such framework to do different things.

For custom development or guidance, Kitware offer support contract which allow us to take the time to explain or develop custom code for you.

---

<div class="post-metadata">

### Author: ![ravid.l](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/r/7ea924/32.png) [@ravid.l](https://discourse.paraview.org/u/ravid.l)
#### Post date: [February 27, 2019, 6:10am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/12 "2019-02-27T06:10:28Z")

</div>

Hi @jourdain,  
I success to show a sphere with your code,  
But when I add it, the sphere fills the whole screen.  
How can I fire ResetCamera() function from my .py file?

Thanks in advance.

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [February 27, 2019, 4:44pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/13 "2019-02-27T16:44:24Z")

</div>

```auto
simple.ResetCamera()

```

---

<div class="post-metadata">

### Author: ![ravid.l](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/r/7ea924/32.png) [@ravid.l](https://discourse.paraview.org/u/ravid.l)
#### Post date: [February 28, 2019, 1:29pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/14 "2019-02-28T13:29:23Z")

</div>

It does not work.

And also -  
How can I define a color to each sphere?  
I think it called DiffuseColor.

Thanks in advance.

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [February 28, 2019, 3:33pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/15 "2019-02-28T15:33:49Z")

</div>

It does work for everyone else. So maybe it is something that you are telling us?

To have unique color per sphere, assuming you have one representation per sphere you can set the representation.DiffuseColor = [0.5, 1, 0.2] on their representations.

---

<div class="post-metadata">

### Author: ![ravid.l](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/r/7ea924/32.png) [@ravid.l](https://discourse.paraview.org/u/ravid.l)
#### Post date: [March 3, 2019, 1:15pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/16 "2019-03-03T13:15:55Z")

</div>

This is my code:

> for item in array:  
> sphere = simple.Sphere()  
> sphere.Radius = 1  
> sphere.Center = [float(item[0]), float(item[1]), float(item[2])]

How can I add one representation per sphere?

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [March 4, 2019, 12:04am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/17 "2019-03-04T00:04:18Z")

</div>

This is a bad idea and you should use Glyph filter or better the Glyph mapper.

But since you ask, here is an answer.

```auto
spheres = []
reps = []
for item in array:
  sphere = simple.Sphere(Radius=1, Center=[float(item[0]), float(item[1]), float(item[2])])
  rep = simple.Show(sphere)
  spheres.append(sphere)
  reps.append(rep)

simple.Render()

```

---

<div class="post-metadata">

### Author: ![cory.quammen](https://discourse.paraview.org/user_avatar/discourse.paraview.org/cory.quammen/32/11193_2.png) [@cory.quammen](https://discourse.paraview.org/u/cory.quammen)
#### Post date: [March 4, 2019, 2:38am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/18 "2019-03-04T02:38:10Z")

</div>

> [@jourdain](#):
>
> This is a bad idea and you should use Glyph filter or better the Glyph mapper.

Seconded. You will be outraged at how slow this will be. Objects in ParaView are heavy weight, and creating more than a couple dozen will result in unhappy results.

---

<div class="post-metadata">

### Author: ![ravid.l](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/r/7ea924/32.png) [@ravid.l](https://discourse.paraview.org/u/ravid.l)
#### Post date: [March 6, 2019, 9:37am UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/19 "2019-03-06T09:37:24Z")

</div>

Now it works, thanks!  
I have another question - it seems that some of the points are displayed below the vtk object.  
Can I give the sphere a ‘Z-Index’ property?

---

<div class="post-metadata">

### Author: ![jourdain](https://discourse.paraview.org/user_avatar/discourse.paraview.org/jourdain/32/11_2.png) [@jourdain](https://discourse.paraview.org/u/jourdain)
#### Post date: [March 6, 2019, 4:01pm UTC](https://discourse.paraview.org/t/paraviewweb-visualizer/1268/20 "2019-03-06T16:01:12Z")

</div>

I don’t understand what you mean.
