# How to Run HTM School Visualizations

**URL:** <https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346>\
**Category:** Engineering\
**Tags:** visualization, tutorial\
**Created:** [May 23, 2017, 5:39pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346 "2017-05-23T17:39:00Z")\
**Posts on this page:** 20\
**Page:** 3

<div class="post-metadata">

**Author:** ![rhyolight](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/rhyolight/32/3922_2.png) [@rhyolight](https://discourse.numenta.org/u/rhyolight)\
**Post date:** [February 6, 2018, 12:03am UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/42 "2018-02-06T00:03:18Z")

</div>

💥 I know the problem. You’re in Windows. 😃

Change the `gifData` folder to `gifdata` lower case `d`. That should fix it.

I’ll submit a fix today.

---

<div class="post-metadata">

**Author:** ![vedhas](https://avatars.discourse-cdn.com/v4/letter/v/dc4da7/32.png) [@vedhas](https://discourse.numenta.org/u/vedhas)\
**Post date:** [February 6, 2018, 12:08am UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/43 "2018-02-06T00:08:21Z")

</div>

I am using Ubuntu 16.04. And yes, actually I needed to change it to capital D! 😃 Many thanks for your help. 🙂

I killed the job and relaunched ‘npm start’. I see the image options now. The only little problem is that there are no thumbnails!

 ![Debug10-NoThumbs](https://canada1.discourse-cdn.com/flex030/uploads/numenta/original/2X/8/8d7c62ff838f9963176c45c72ad1da2e8b7938e4.png)

---

<div class="post-metadata">

**Author:** ![rhyolight](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/rhyolight/32/3922_2.png) [@rhyolight](https://discourse.numenta.org/u/rhyolight)\
**Post date:** [February 6, 2018, 12:10am UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/44 "2018-02-06T00:10:15Z")

</div>

> [@vedhas](#):
>
> I am using Ubuntu 16.04.

I forget sometimes that OS X is not case-sensitive. There is probably a similar problem with gif file names. Look in your console for more errors

---

<div class="post-metadata">

**Author:** ![vedhas](https://avatars.discourse-cdn.com/v4/letter/v/dc4da7/32.png) [@vedhas](https://discourse.numenta.org/u/vedhas)\
**Post date:** [February 6, 2018, 12:42am UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/45 "2018-02-06T00:42:57Z")

</div>

Great help. I digged through and all fixed now!

For your ready future reference, following lines need replacement  
In [https://github.com/htm-community/htm-school-viz/blob/master/static/js/ep10/choose-gif.js](https://github.com/htm-community/htm-school-viz/blob/master/static/js/ep10/choose-gif.js) (and also in master/index.js)

Line 4

> var gifData = undefined;

to

> ```
> var gifdata = undefined;
> 
> ```

Or replace-all gifdata with gifData

… Ah wait, I notice that you have fixed everything already! Great! 🙂 👏👏

---

<div class="post-metadata">

**Author:** ![eliasdaler](https://avatars.discourse-cdn.com/v4/letter/e/e19adc/32.png) [@eliasdaler](https://discourse.numenta.org/u/eliasdaler)\
**Post date:** [April 8, 2018, 11:14am UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/46 "2018-04-08T11:14:39Z")

</div>

Hello. What a great tool, thanks!

The only thing I have problems with is gifs selection. Gifs show up for me, but when I click on them, I don’t get on `http://localhost:8001/client/ep10/topology.html?load=<GIF-NAME>`. I’ve inspected the element and they look like this:  
 ![image](https://canada1.discourse-cdn.com/flex030/uploads/numenta/original/2X/8/87830652a6da61be64bab732ec3ff7e9ac535d0d.png)

I’ve tried replacing the link in `<a>` tag with a full one (starting with `http://localhost:8001/client/ep10`), but still, nothing happens when I click on it. And if I go to the page manually, everything looks fine there.

---

<div class="post-metadata">

**Author:** ![nietsmmar](https://avatars.discourse-cdn.com/v4/letter/n/e480ec/32.png) [@nietsmmar](https://discourse.numenta.org/u/nietsmmar)\
**Post date:** [July 4, 2018, 8:00pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/47 "2018-07-04T20:00:52Z")

</div>

I installed this on my ubuntu-machine and when calling webpack in $CELL\_VIZ, there is no dyson.js created. It generates ‘dist/cell-viz-3d-1.4.9.bundle.js’ and I am not sure to where I need to link this.

But nevertheless I was able to run the server and start some simulations. But unfortunately when running the simulation “Many GCMs” from episode 14, the menu in the right upper edge of the screen does not appear so I can’t change the settings. Do you know why this could be the case? I would love to change the settings like you do in the video.

Thanks!

---

<div class="post-metadata">

**Author:** ![rhyolight](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/rhyolight/32/3922_2.png) [@rhyolight](https://discourse.numenta.org/u/rhyolight)\
**Post date:** [July 5, 2018, 3:44pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/48 "2018-07-05T15:44:10Z")

</div>

> [@nietsmmar](#):
>
> I installed this on my ubuntu-machine and when calling webpack in $CELL\_VIZ, there is no dyson.js created. It generates ‘dist/cell-viz-3d-1.4.9.bundle.js’ and I am not sure to where I need to link this.

I think this are old instructions. If it works, it is working. 😛

> [@nietsmmar](#):
>
> But unfortunately when running the simulation “Many GCMs” from episode 14, the menu in the right upper edge of the screen does not appear so I can’t change the settings. Do you know why this could be the case?

Uncomment this line:

> <https://github.com/htm-community/htm-school-viz/blob/master/static/js/ep14/grid-cell-modules.js#L124>

---

<div class="post-metadata">

**Author:** ![nietsmmar](https://avatars.discourse-cdn.com/v4/letter/n/e480ec/32.png) [@nietsmmar](https://discourse.numenta.org/u/nietsmmar)\
**Post date:** [July 5, 2018, 3:52pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/49 "2018-07-05T15:52:35Z")

</div>

Thank you very much! This solved it.

---

<div class="post-metadata">

**Author:** ![shiva](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@shiva](https://discourse.numenta.org/u/shiva)\
**Post date:** [October 7, 2018, 8:13am UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/50 "2018-10-07T08:13:12Z")

</div>

I have some questions about the result of this tutorial ‘how-to-run-htm-school-visualizations’, I want to know after applying this steps the results will be open in my browser? and is there any way to open them in python environment and see result after run them in python?  
if it is not, is there any code witch i can use it in python and see result there???

---

<div class="post-metadata">

**Author:** ![rhyolight](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/rhyolight/32/3922_2.png) [@rhyolight](https://discourse.numenta.org/u/rhyolight)\
**Post date:** [October 7, 2018, 2:01pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/51 "2018-10-07T14:01:35Z")

</div>

The visualizations are not written in python. You must run a web server.

---

<div class="post-metadata">

**Author:** ![shiva](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@shiva](https://discourse.numenta.org/u/shiva)\
**Post date:** [October 7, 2018, 5:18pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/52 "2018-10-07T17:18:21Z")

</div>

hi. is there code of spatial pooling algorithm and temporal memory in this package or not?

---

<div class="post-metadata">

**Author:** ![shiva](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@shiva](https://discourse.numenta.org/u/shiva)\
**Post date:** [October 7, 2018, 5:09pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/53 "2018-10-07T17:09:43Z")

</div>

hi, i had read this tutorial but i dont understand step 1 ,that where i should use this commands, i mean in which environment i should enter this codes??  
export HTM\_SERVER=\<  
export CELL\_VIZ=\<  
export HTM\_VIZ=\<  
and it should be exactly with this address or not ? i should change it by my path in my computer?

---

<div class="post-metadata">

**Author:** ![rhyolight](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/rhyolight/32/3922_2.png) [@rhyolight](https://discourse.numenta.org/u/rhyolight)\
**Post date:** [October 7, 2018, 5:31pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/54 "2018-10-07T17:31:28Z")

</div>

Are you in Windows? Because this probably does not run in windows.

---

<div class="post-metadata">

**Author:** ![shiva](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@shiva](https://discourse.numenta.org/u/shiva)\
**Post date:** [October 7, 2018, 5:31pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/55 "2018-10-07T17:31:52Z")

</div>

yes i am in windows 10.

---

<div class="post-metadata">

**Author:** ![rhyolight](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/rhyolight/32/3922_2.png) [@rhyolight](https://discourse.numenta.org/u/rhyolight)\
**Post date:** [October 7, 2018, 6:20pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/56 "2018-10-07T18:20:34Z")

</div>

Those are just environment variables you should set in the shell.

---

<div class="post-metadata">

**Author:** ![shiva](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@shiva](https://discourse.numenta.org/u/shiva)\
**Post date:** [October 13, 2018, 9:07am UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/58 "2018-10-13T09:07:02Z")

</div>

I’m trying to run the visualizations on windows 10, but I have been unable to get the webserver running. When I run the code

> python webserver.py 8080

I get the error

> no module name capnp

and I cant find this library for windows 64 ,As an aside I already have MinGW GCC for Python as well as mingGW 64 installed. and also install nupic correctly (the version that you cited in above and in [GitHub - numenta/nupic-legacy: Numenta Platform for Intelligent Computing is an implementation of Hierarchical Temporal Memory (HTM), a theory of intelligence based strictly on the neuroscience of the neocortex.](https://github.com/numenta/nupic) ),Any help would be much appreciated.

---

<div class="post-metadata">

**Author:** ![rhyolight](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/rhyolight/32/3922_2.png) [@rhyolight](https://discourse.numenta.org/u/rhyolight)\
**Post date:** [October 13, 2018, 2:39pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/59 "2018-10-13T14:39:12Z")

</div>

> [@Installing NuPIC with Cap'n'Proto on Windows](https://discourse.numenta.org/t/installing-nupic-with-capnproto-on-windows/3042):
>
> Hello, I’m having some trouble getting NuPIC installed on Windows 7 using MSYS2. It is imperative that I have pycapnp working – which it is under MSYS2. I’ve tried installing Cap’n’Proto using Visual Studio 2015 but it installed the ‘lite’ version which doesn’t support the dynamic API and cannot be used with pycapnp. Perhaps I did that installation wrong? Has anyone gotten the full Cap’n’Proto (and pycapnp) installed using Visual Studio? Alternatively, when trying to install NuPIC under MSYS2…

---

<div class="post-metadata">

**Author:** ![way-sal](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/way-sal/32/3028_2.png) [@way-sal](https://discourse.numenta.org/u/way-sal)\
**Post date:** [October 13, 2018, 3:17pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/60 "2018-10-13T15:17:29Z")

</div>

hi @rhyolight  
did the visualization work on the windows because, as I see in the comments there is a several problems in the windows

---

<div class="post-metadata">

**Author:** ![shiva](https://avatars.discourse-cdn.com/v4/letter/s/85e7bf/32.png) [@shiva](https://discourse.numenta.org/u/shiva)\
**Post date:** [November 4, 2018, 9:12pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/61 "2018-11-04T21:12:32Z")

</div>

hi dear matt, when i click on episode 7 (random spatial pooler) nothing loaded, can you tell me what should i do?(I run in linux (manjaro) and in python 2.7 )

 ![5](https://canada1.discourse-cdn.com/flex030/uploads/numenta/original/2X/b/bdb6ac91afec1ef086d350534c73e932edb6af1a.png)

---

<div class="post-metadata">

**Author:** ![rhyolight](https://yyz2.discourse-cdn.com/flex030/user_avatar/discourse.numenta.org/rhyolight/32/3922_2.png) [@rhyolight](https://discourse.numenta.org/u/rhyolight)\
**Post date:** [November 5, 2018, 4:43pm UTC](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346/62 "2018-11-05T16:43:51Z")

</div>

Episode 7 is the first episode that requires the NuPIC server to be running. Make sure it is running and not throwing errors.

[Previous page](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346.md?page=2)

[Next page](https://discourse.numenta.org/t/how-to-run-htm-school-visualizations/2346.md?page=4)