# Setting Color Configuration for PNGSeriesReader in ParaViewWeb

**URL:** https://discourse.paraview.org/t/setting-color-configuration-for-pngseriesreader-in-paraviewweb/2291
**Category:** Web Support
**Created:** [July 24, 2019, 10:58pm UTC](https://discourse.paraview.org/t/setting-color-configuration-for-pngseriesreader-in-paraviewweb/2291 "2019-07-24T22:58:03Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![mayfielg](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/m/71e660/32.png) [@mayfielg](https://discourse.paraview.org/u/mayfielg)
#### Post date: [July 24, 2019, 10:58pm UTC](https://discourse.paraview.org/t/setting-color-configuration-for-pngseriesreader-in-paraviewweb/2291/1 "2019-07-24T22:58:03Z")

</div>

Hello all,

When loading a stack of PNG images into client with paraviewweb using the PNGSeriesReader class, how is the ‘Color’ display option set? In the ParaView app, the ‘Color’ display option needs to be set to ‘PNGImage’ and the Representation to ’Surface’ to display properly.

Outside of the app, in my client python code, I was able to set the ‘Representation’ configuration option, but haven’t been able to figure out the color.

When I load a single PNG via the PNGSeriesReader class, the color appears to be set automatically, and displays fine. It’s when I load multiple as a stack, all I can see rendered is a big gray cube.

For reference this is how we’re loading the pngs and setting the representation:

```auto
cool_pngs = PNGSeriesReader(FileNames=‘./cool_pngs', ReadAsImageStack=True)
cool_pngs_display = Show(cool_pngs, GetRenderView())
cool_pngs_display.Representation = ‘Surface'

```

Best, GM

---

<div class="post-metadata">

### Author: ![morasta](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/m/9dc877/32.png) [@morasta](https://discourse.paraview.org/u/morasta)
#### Post date: [August 2, 2019, 5:46pm UTC](https://discourse.paraview.org/t/setting-color-configuration-for-pngseriesreader-in-paraviewweb/2291/2 "2019-08-02T17:46:50Z")

</div>

Second this. Can’t seem to find what it might be in the API docs.

---

<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: [August 5, 2019, 3:44pm UTC](https://discourse.paraview.org/t/setting-color-configuration-for-pngseriesreader-in-paraviewweb/2291/3 "2019-08-05T15:44:43Z")

</div>

Something like `simple.ColorBy(repProxy, (arrayLocation, arrayName))`

arrayName: ‘PNGImage’  
arrayLocation: ‘POINTS’

---

<div class="post-metadata">

### Author: ![mayfielg](https://discourse.paraview.org/letter_avatar_proxy/v4/letter/m/71e660/32.png) [@mayfielg](https://discourse.paraview.org/u/mayfielg)
#### Post date: [August 7, 2019, 8:54pm UTC](https://discourse.paraview.org/t/setting-color-configuration-for-pngseriesreader-in-paraviewweb/2291/4 "2019-08-07T20:54:33Z")

</div>

Awesome! Thanks so much Sebastien, that worked perfectly.

---

<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: [August 7, 2019, 9:14pm UTC](https://discourse.paraview.org/t/setting-color-configuration-for-pngseriesreader-in-paraviewweb/2291/5 "2019-08-07T21:14:51Z")

</div>

BTW, using ParaView GUI with the Python trace is an invaluable tool to figure out how to do things in Python and therefore in ParaViewWeb.