Creating Graph - Which Language? [closed] - graphics

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 10 years ago.
I have an idea for creating graph like the "social graph" application from facebook,for my site.
I want this to be on application on the internet and as a software,that will the user on the center and the his friends from the site sorrounding him, with a features to zoom to specific people and to show his last message at the forum,his name,his picture and to search for a specific user.
I don`t know which programming should I use?
I know HTML(4/5),CSS,JavaScript,Server Side Languages(PHP/Ruby/Python) and C#.
I would like to get suggestions about programming language and about specific technology.
Thanks a lot,Yosy Attias

It sounds like you are looking for suggestions for technologies for visualizing graphs and not how to manipulate them programatically.
If that is the case, there are a couple of options that I know of. One option is to draw upon the ecosystem of open-source tools associated with graphviz. I've used Graphviz tools to generate SVG output for a web page. Graphviz expects the graphs to be defined in a language called DOT. Here is an example of DOT code that defines a graph of three nodes (A,B and C) where A is related to B, B is related to C and C is related back to A:
graph myfriendgraph {
a -- b -- c -- a
};
You could make this a directed (edges connecting nodes have a 'direction' which means something) graph like so:
digraph myfriendgraph {
a -> b -> c -> a
};
DOT is a very efficient language for graphs but it is not XML which might be an issue for you depending on your system's design.
If you want an XML-based graph definition language, you might want to try out the Automated Graph Layout library which uses DGML. If you have an MSDN subscription you can download the library for free. I'm pretty sure this is the same library that is used in VS2010 for displaying DGML files. DGML looks like this for the second (directed graph) DOT example above:
<?xml version='1.0' encoding='utf-8'?>
<DirectedGraph xmlns="http://schemas.microsoft.com/vs/2009/dgml">
<Nodes>
<Node Id="A" Label="A" />
<Node Id="B" Label="B" />
<Node Id="C" Label="C" />
</Nodes>
<Links>
<Link Source="A" Target="B" />
<Link Source="B" Target="C" />
<Link Source="C" Target="A" />
</Links>
<Properties>
<Property Id="Label" Label="Label" DataType="String" />
</Properties>
</DirectedGraph>
The microsoft library allows for rendering to a windows app or web page.

Related

Customize the CSL style for APA 7th edition showing "et al." always in italic

I use Mendeley and I'm trying to create a customized CSL style for my citations for research papers. "et al." must be italicized.
I know it is possible, because I searched and had find a post here about it - Is it possible to italicize "et al.".
However, I can't put it to work adjusting APA 7th edition custom citation style, that is the style I need to customize.
I think I have to change the code around line 388.
I even understood that I have to use editor.citationstyles.org because csl.mendeley.com has a bug and is not working, but I don't get any results changing the code to:
<names variable="author">
<name and="symbol" delimiter=", " initialize-with=". "/>
<substitute>
<text macro="title-intext"/>
</substitute>
<name and="text"/>
<et-al font-style="italic"/>
</names>
I opted to maintain part of the existing code for the block names variable="author" because I don't know what it makes.
Can you help?

What is the web-template used by many technical documentations on the web?

I found that following websites have the similary style (or theme or template):
Keras
Conda
Thundersvm
Chainer
and so on...
It looks lik many tech documentation websites use this style (or template).
My question is:
What kind of template is that?
And how I can use it in my tech blog?
They use either Sphinx or mkdocs and most of the time the read the docs template for the design.
If you view source on your first example, keras.io, you can see the tag
<link rel="stylesheet" href="css/theme.css" type="text/css" />
Looking at the linked file, you see the comment
/*
* This file is copied from the upstream ReadTheDocs Sphinx
* theme. To aid upgradability this file should *not* be edited.
* modifications we need should be included in theme_extra.css.
*
* https://github.com/rtfd/sphinx_rtd_theme
*/
So I'd recommend checking out https://github.com/rtfd/sphinx_rtd_theme, and the page it links to about the theme, https://github.com/rtfd/sphinx_rtd_theme.

Optimize Visualforce Page for Salesforce1

I created a simple visualforce page to override the standard salesforce.com page for "New" and "Edit" for a Custom Object.
It is pretty simple, it was just because in the standard salesforce.com page the textarea was not wide enough, since the form is splitted in two columns. (Or am I wrong? Is there a way to accomplish that without creating a custom visualforce page?)
Well, here is the code:
<apex:page standardController="Object__c">
<apex:sectionHeader title="Object Edit" subtitle="{!if(Object__c.id==null,'New Object',Object__c.Name)}"/>
<apex:form >
<apex:pageBlock title="Object Edit" mode="edit">
<apex:pageblockbuttons >
<apex:commandbutton action="{!save}" value="Save"/>
<apex:commandbutton action="{!cancel}" value="Cancel"/>
</apex:pageblockbuttons>
<apex:pagemessages />
<apex:pageblockSection title="Basics" columns="2">
<apex:inputField value="{!Object__c.Field1__c}"/>
... more fields
</apex:pageblockSection>
<apex:pageblocksection title="Details" columns="1">
<apex:inputField value="{!Object__c.Field10__c}"/>
... more fields
</apex:pageblocksection>
</apex:pageBlock>
</apex:form>
</apex:page>
Ok, the page looks good on force.com, but when I open it from within the salesforce1-App on my iPad it has the same style like on force.com and not the nice styling like the other (standard salesforce.com page-)forms in the salesforce1-App?
To get the styling right, consider using the Mobile Design Templates: https://developer.salesforce.com/en/mobile/services/mobile-templates/templates-faq.
I think you would also benefit from reviewing this slide deck: http://www.slideshare.net/developerforce/visualforce-in-salesforce1-1-1. It specifically asks developers to avoid using pageBlocks in Salesforce1. The author of those slides is Sandeep Bhanot, who, in general, is a great person to connect to on Twitter/Youtube, etc, for all your Salesforce1 needs.
You can have textarea span 2 columns in std page layout by putting it to separate section and setting columns to 1. Just hover over the section header, click the wrench icon on the right and you should get a popup like this:
I'd say for such change it's bit of an overkill to go full VF page route. But if you really need it or my trick won't work - there are few questions on Salesforce-dedicated site that might be a good start for you:
https://salesforce.stackexchange.com/questions/22290/sfdc-styleguide-usage-questions-in-salesforce1
https://salesforce.stackexchange.com/questions/25541/salesforce1-look-feel-in-visualforce
https://salesforce.stackexchange.com/questions/27788/how-to-do-visualforce-page-with-the-same-look-feel-as-salesforce1
https://salesforce.stackexchange.com/questions/37111/mobile-view-one-one-app-differs-from-native-salesforce1-view (not really related but it's my answer so :P Seriously though - the presentations I've linked to in that answer really helped me to kick off my development)

Generating SVG font from multiple SVG graphics in Node.js

I'd like to create a Node.js app that allows users to combine a bunch of SVG icons into a custom web-font icon set. The only similar project I've found is this site which looks interesting but is pretty buggy.
Eventually I'd like this app to also output all the various cross-browser font files and the CSS to use these icons on a page using best practices. So the overal goal is to create an SVG icon framework.
But the first thing I want to get working is combining multiple SVG icons into a SVG font file. Must be possible if the above mentioned site is doing it but I'm having trouble finding any good info.
Could anyone point me in the right direction? Thanks!
Edit: I came across this service which looks very similar to my goal although I don't want to host the fonts and I'd like my service to be free (and possibly open-source as well).
Kind of late, but if anyone else will need it, i think this will do: https://github.com/sapegin/grunt-webfont
Like many of my big ideas, someone thought of it first :)
For anyone who may come across this, check out Keyamoon's font generator tool.
If you want to automate things there is an NPM package called svg-font-create.
Glyphter.com handles multi-path icons so that might be a good resource for you as well.
You may try svg-join for combine multiple SVG in one symbol collection.
This tool create two files for you.
The first is "svg-bundle.svg":
<svg ...>
<symbol id="svg1" ...>
<symbol id="svg2" ...>
</svg>
Every symbol is your separate SVG file.
The last one is "svg-bundle.css":
.svg_svg1,
.svg_svg2 {
width: 20px; // for example
height: 20px;
}
Now you may use it in your html:
<link rel="stylesheet" type="text/css" href="svg-bundle.css" />
...
<svg class="svg_svg1"><use xlink:href="svg-bundle.svg#svg1"></svg>
<svg class="svg_svg2"><use xlink:href="svg-bundle.svg#svg2"></svg>

forward with masking domain, are they using iframe to do that? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I just wonder how is the forward with masking really works in all the common cases.
I just found out that the manual way of doing it is that just to put this code
<html>
<head>
<title>yourname</title>
<meta name="description" content="your description">
<meta name="keywords" content="keyword1, keyword2">
</head>
<frameset rows="100%,0" border="0">
<frame src="http://yourforwardingurl" frameborder="0">
<frame frameborder="0">
</frameset>
</html>
does that mean all the provider, registrar (like godaddy) they using the same method?
because if so then I don't know why in the sake of god would I have to wait them do that for me if I can just create a subdomain and put those codes and get it done in a minute rather than wait them activate it for me for 24-48 hours.
I don't have much experience with this but I don't believe that this is a very common way of masking URLs. For one thing, it's very easy to see the actual source of the content. It also seems like it would be a pain to manage. This might be an option if you are hosting a small website and don't have access to the server or a control panel for your domain.
The more common approach is more likely to be something using Apache's mod_proxy (explained here).
Yes, the mostly used method is a simple frameset or a iframe (in less cases).
And yes you can simply set up a sub domain with a html file which loads the target in a frame.

Resources