neurofuzzy, flash game development, rich internet applications, free source code – *alt.neurotica.fuzzy*

neurofuzzy, flash game development, rich internet applications, free source code – *alt.neurotica.fuzzy*


Treemap PHP Source Code

Filed under: PHP — geoff @ 11:29 pm

I have packaged a simple version of my treemap algorithm, along with example usage, CSS, and images for those who are interested. I really had a lot of fun with this. I used in on an aggregator site called roomformilk, and elsewhere. I’m also using it as a backend admin tool on a site of mine to see what users are using how much bandwidth.

You can download the package here. (ZIP file)

I’m still experimenting with it. I took the roomformilk code, and juryrigged it to take in my GMail RSS feed for which I am subscribed to FlashCoders. It’s pretty cool to get a searchable index of Flash-related questions and answers with a treemap navigation interface.

I’d LOVE to get my hands on the Figleaf database for Flashcoders and build a real searchable archive out of it. It would take a bit of work though, since there’d be an issue with tainting the index with mispelled words and ASCII art. There’s way too much ASCII art in there. ; )


  1. [...] Neurofuzzy released some sourcecode for treemaps the other day. He uses PHP to build them with DIVs in HTML. Having built my own treemap implementation in Flash, it’s interesting to see an alternative approach. [...]

    Pingback by TreeMaps in PHP/HTML » Zeus Labs » Flash and Actionscript Insights from a San Diego Developer and Designer — 4/29/2006 @ 8:57 pm

  2. [...] Très très préliminaire, voici mon cossin musicmap pour visualiser nos préférences musicales. Rendu possible grâce aux données de et au code php de treemap de neurofuzzy. [...]

    Pingback by IM2 | OQP » Visualisation musicale - musicmap / treemap — 7/23/2006 @ 6:42 pm

  3. [...] I’ve seen neurofuzzy’s php junk: [...]

    Pingback by Kipple » Blog Archive » Data visualization with Flash AS2 — 10/12/2006 @ 10:22 am

  4. I’ve just had a very quick look at th example in the .zip and how you use it over at and I must say I’m really impressed!

    I’ve got two questions for you :

    - Is it possible adjust this to use an extra level. To follow up on youur example; have foodtypes as top level with fruit being one of them, and the example tree inside that level? (along the lines of this Ruby example here :

    - In README.txt you say : “This is provided AS-IS with no warranty express or implied.
    Use this code, or any code that I write, at your own risk.” Am I correct in taking this as an ok! to use your code in my own projects?

    Comment by torgeir — 11/18/2006 @ 1:59 pm

  5. i did a port to python of this a few weeks ago. i stole you css and chrome …

    nice work you did, so it was a good start for my treemap experiments. thanks man!

    Comment by jose — 12/1/2006 @ 9:22 pm

  6. I ported your code to a PHP class format and used it here: Click on Disease Treemap. Code available from


    Comment by Herman Tolentino — 2/5/2007 @ 9:53 pm

  7. Nice! This thing would be very nice as WordPress Plugin. Is it difficult to code a widget with this?

    Comment by marcus — 1/25/2008 @ 1:56 pm

  8. [...] No entanto, usei tecnologia radicalmente diferente: como o Flash não é a minha praia, não descansei enquanto não encontrei código ao meu jeito para martelar, retorcer e converter. Encontrei em Javascript (demasiado puxado para mim e não fazia o que eu queria), em Perl (demasiado básico, numa versão primata que nem experimentei) e aquela em que me fixei, em PHP. O código original é este treemap PHP de Geoff Gaudreault. É código livre, é relativamente antigo (Abril de 2006). Mas seria para fazer o que eu pretendia, e numa linguagem que me é familiar. A adaptação não foi difícil — embora tenha sido profunda. Simples e até básico, o código de Gaudreault é compreensível para mim, que em programação sou o ajudante do aprendiz. O suficiente para isolar o que o código tem de melhor (a rotina que “escolhe” os tamanhos e os “encaixa” numa grelha). O resto foi retorcer, retorcer, martelar e pontapear até caber (é por escrever estas coisas que alguns geeks me odeiam visceralmente). Pronto, ok: resolvi o problema que o código original não tinha, que era dar maleabilidade às escalas, e introduzi a novidade das notícias a abrirem em janela com o em mouse-over. Isto não foi fácil para mim: tive de modificar de alto abaixo o mecanismo de “desenho” dos rectângulos. Ainda há problemas com os títulos pequenos (no Flash o controlo tipográfico é total, em HTML+CSS, nem pensar nisso). [...]

    Pingback by Certamente! media: Heatmap do noticiário sobre os Jogos Olímpicos de Pequim (making of) — 8/11/2008 @ 4:46 am

  9. amazing tool… but it is possible to have more than one node (does it support multi dimention array)? can you suggest me a way to build a tool for the stock market (choosing colors with regard to the %change of a price instead of a date)?

    Comment by andrea — 8/22/2008 @ 3:57 pm

  10. <center><script type="text/javascript"><!–
    google_ad_client = "pub-9485643807835585";
    /* 728×90, created 1/19/09 */
    google_ad_slot = "8370067163";
    google_ad_width = 728;
    google_ad_height = 90;
    <script type="text/javascript"

    Comment by john — 3/2/2009 @ 5:51 pm

RSS feed for comments on this post.

Sorry, the comment form is closed at this time.


Powered by WordPress