GraphStream Users

Archives de la liste Aide


Re: CSS examples?


Chronologique Discussions 
  • From: Antoine Dutot <antoine.dutot AT gmail.com>
  • To: graphstream-users AT litislab.fr
  • Subject: Re: CSS examples?
  • Date: Tue, 20 Sep 2011 10:27:43 +0200

Hi Richard,

On the http://graphstream-project.org/doc/Tutorials/GraphStream-CSS-Reference_1.0/#the-css-reference page, each example is followed by one or more links to the CSS used to make them.

Concerning the stars, here is the stylesheet (that you can find in the gs-ui module src-scala/org/graphstream/ui/j2dviewer/renderer/test/TestStarts2.scala) :

graph {
canvas-color: black;
  fill-mode: gradient-vertical;
  fill-color: black, #004;
  padding: 20px;
 
node {
shape: circle;
    size-mode: dyn-size;
size: 10px;
fill-mode: gradient-radial;
fill-color: #FFFC, #FFF0;
stroke-mode: none; 
shadow-mode: gradient-radial;
shadow-color: #FFF5, #FFF0;
shadow-width: 5px;
shadow-offset: 0px, 0px;
}
node:clicked {
fill-color: #F00A, #F000;
}
node:selected {
fill-color: #00FA, #00F0;
}
edge {
shape: L-square-line;
size: 1px;
fill-color: #FFF3;
fill-mode: plain;
arrow-shape: none;
}
sprite {
shape: circle;
fill-mode: gradient-radial;
fill-color: #FFF8, #FFF0;
}


Regards,

Antoine

2011/9/19 Richard O. Legendi <richard.legendi AT gmail.com>:
> Hi All,
>
> I would like to create some cool visualization for my displayed graphs,
> something like this you have here:
>
>        http://graphstream-project.org/media/data/stars.png
>
> However, it is a bit unclear for me how to use gradient color definitions.
> Are there any tutorials/code samples about the topic? Or, is it possible to
> find the CSS used for the screenshot above somewhere in the project sources?
>
> Thank you in advance,
> Richard
> --
> Richard O. Legendi
> PhD Student
> Eötvös Loránd University, Faculty of Informatics
> Department of Programming Languages and Compilers
> http://people.inf.elte.hu/legendi/
>




Archives gérées par MHonArc 2.6.16.

Top of page