OpenGraph does not support .svg as images

http://indiewebcamp.com/The-Open-Graph-protocol#Does_not_support_SVG_images

As of May 2014, Facebook does not formally define what images they support (you can read their [best practices here][1]), though the implication by the optimal sizes (1200 x 630 pixels for high resolution devices and 600 x 315 pixels for standard resolution devices) is that the image must be a raster format.


  [1]: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content

Just a simple question as I&#39;m studying the various class libraries available in .NET.  I noticed that there&#39;s a `System.Net.Http` namespace and a `System.Web.Http` namespace.

 - What purpose(s) do both namespaces serve?
 - What were the motivations for creating two seemingly ambiguous namespaces?
 - Is there any history I should know about or is one of the namespaces &quot;deprecated&quot;?

[System.Net.Http][1], [System.Web.Http][2]


  [1]: http://msdn.microsoft.com/en-us/library/system.net.http%28v=vs.118%29.aspx
  [2]: http://msdn.microsoft.com/en-us/library/system.web.http%28v=vs.118%29.aspx

Why is there both a System.Net.Http and System.Web.Http namespace?

I&#39;m looking for a way to watch changes on window inner width size change. I tried the following and it didn&#39;t work:

    $scope.$watch(&#39;window.innerWidth&#39;, function() {
         console.log(window.innerWidth);
    });

any suggestions?

AngularJS event on window innerWidth size change

Is it possible to use an SVG for an [Open Graph](http://ogp.me/) image?

I tried it and it didn&#39;t work with Facebook, however I&#39;m unsure if it&#39;s a problem with my SVG or if it&#39;s generally not possible.

I did it like this:

    &lt;meta content=&quot;http://www.example.com/mylogo.svg&quot; property=&quot;og:image&quot;&gt;

Use SVG as og:image

Is it possible to use an SVG for an <a href="http://ogp.me/" target="_blank" rel="noopener noreferrer">Open Graph</a> image?
I tried it and it didn't work with Facebook, however I'm unsure if it's a problem with my SVG or if it's generally not possible.
I did it like this:
<pre><code class="hljs language-ini">&#x3C;meta content="http://www.example.com/mylogo.svg" property="og:image">
</code></pre>

Tried to follow this question : https://stackoverflow.com/questions/19778620/provide-a-picture-for-whatsapp-link-sharing

[![enter image description here][1]][1]


I have created a simple HTML webpage with the basic Facebook metatags:

    &lt;!--FACEBOOK--&gt;
    &lt;meta property=&quot;og:title&quot; content=&quot;San Roque 2014 Pollos&quot; /&gt;
    &lt;meta property=&quot;og:description&quot; content=&quot;Programa de fiestas&quot; /&gt;
    &lt;meta property=&quot;og:image&quot; content=&quot;http://pollosweb.wesped.es/programa_pollos/play.png&quot; /&gt;        

The Facebook linter validate correctly and in Facebook it shows perfect, but when I try to share by WhatsApp the image doesn&#39;t show.

I&#39;m trying it on **WhatsApp on Android**

→ [This is the URL of the Sample Webpage][2]


  [1]: http://i.stack.imgur.com/PahaD.jpg
  [2]: http://pollosweb.wesped.es/whas.html

Showing Thumbnail for link in WhatsApp || og:image meta-tag doesn&#39;t work

I&#39;m new to [Facebook Open Graph Protocol][1]. I have been trying to figure out what the meaning of the HTML `prefix` attribute is. The closest post on Stack Overflow I could find dealing with this subject is [this post][2] which was very helpful as it deals with what the differences are among the various possible syntaxes and which one to use.

However the post does not say anything about what this `prefix` attribute is or what it does. AFAIK this is not a standard HTML attribute. I was able to find [this document][3] which I think is where the W3C defines this attribute but was not able to make any sense of it.

Could someone please explain to me:

  1. What does the `prefix` attribute do?

  2. Can I write

    `&lt;html prefix=&quot;og:http://ogp.me/ns#&quot;&gt;`

  instead of

    `&lt;html prefix=&quot;og: http://ogp.me/ns#&quot;&gt;`

  or would that be a syntax error?

  3. Can I include multiple `prefix` attributes for any given HTML tag?

    `&lt;head prefix=&quot;a: http://www.aaa.com/ns#&quot; prefix=&quot;b: http://www.bbb.com/ns#&quot;&gt;`

    Based on my knowledge of HTML, this would be wrong, but then `prefix` is a nonstandard attribute. So perhaps, what I would like to know is, can I write:

    `&lt;head prefix=&quot;a: http://www.aaa.com/ns# b: http://www.bbb.com/ns#&quot;&gt;`

    or does specifying multiple prefixes at any place in the HTML tree not make sense for some reason?

  4. If this `prefix` tag is not part of the HTML spec, how would submitting a page containing this attribute to a code validator ever result in my code being standards compliant?

Thank you for answering my questions.

  [1]: http://ogp.me/
  [2]: https://stackoverflow.com/questions/8235687/open-graph-namespace-declaration-html-with-xmlns-or-head-prefix
  [3]: http://www.w3.org/TR/rdfa-syntax/#scoping-of-prefix-mappings

Meaning of HTML prefix attribute (Open Graph Protocol)?

My website uses Facebook Page API to pull public content from a Facebook page, published by the page owner, to create a dynamic blog with a clear link to the Facebook page.

You can see it here in action: https://kc-hrubeho.cz (ctrl+F &quot;Facebook&quot;). Yellow button &quot;Nač&#237;st dalš&#237;&quot; works as an AJAX pagination. Sorry for the Czech language, this website unfortunately does not have an English version.

I&#39;m using this URL to get JSON object of the page content: `https://graph.facebook.com/&lt;PAGE-ID&gt;/feed?access_token=&lt;TOKEN&gt;&amp;limit=10&amp;fields=message,link,attachments,created_time,full_picture,picture,timeline_visibility`

Right now it **works**, but [App review FAQ](https://developers.facebook.com/docs/apps/review/faqs/#graph-api-3-0) states this:

&gt; *My app used to access public content on pages, am I affected by the v3.0 changes?*
&gt; 
&gt; Yes. Apps that access content of public pages need to request Page
&gt; Public Content Access feature and require review by Facebook.

Also, there is this notice:

&gt; In order to maintain your current API access, your app will need to be
&gt; submitted for review by August 1, 2018.

I&#39;ve filled out the form for review. One of the required items is &quot;the screencast&quot;.

&gt; We need to see your app using Page Public Content Access so we can see
&gt; that it doesn&#39;t violate our policies. Upload a video screencast
&gt; walkthrough using any method, (even recording with your phone). You
&gt; must show:
&gt; 
&gt; 1. How a person logs in with Facebook
&gt; 2. How a person sees this feature used in your app

More detailed instructions about the screencast state this however:

&gt; You do not need to submit your app if it will only be used by you or
&gt; by a reduced number of people. Any account listed in the Roles tab in
&gt; your App Dashboard, such as admins, developers and testers, can access
&gt; all permissions and generate a user or page access token.
&gt; 
&gt; You can use any of these accounts to test your app and create a
&gt; screencast.

This is incredibly confusing. My questions are:

1. If my code access the Pages API and shows the result on my website, is it &quot;used by reduced number of people&quot;? 

2. If I *do not need* to create a screencast, how can I apply for a review? Do I even need it (meaning &quot;will my token work after 1st August&quot;)?

3. If I *do need* a review with a screencast, what exactly should I record in my case? Should I just stitch a few screencasts of my code and the website to a single video? That, imho, sounds just bonkers. :)

4. Is there a different endpoint all together (which would not require a review *or* the screencast) that I should use, if I only need to read the data of my own page?

5. My old applications are working right now (not sure about August 1, see above). For applications with the same purpose (just to read public content of FB page owned by the owner of application) created *after* all the fuss with reviews, will there be the same rulset as is for the old ones?

Thanks in advance!

## Edit

This is what I&#39;ve heard from the group moderator of official FB support group [Facebook Developer Community](https://www.facebook.com/groups/fbdevelopers):

&gt; You can use an app in dev mode to retrieve the feed for pages you are
&gt; admin of. [...] I don&#39;t know if August 1 will change the current
&gt; behavior  or if the current behavior is even the intended behavior.
&gt; [...] Actually I never met a person that was able to predict what will
&gt; happen in 90+ days ... most experts even fail to predict tomorrow&#39;s
&gt; weather ;) Seriously, I don&#39;t know ...

Very frustrating, but so far the most specific answer I got.

Facebook pages API: &quot;Page Public Content Access&quot; review screencast

Network visualizations become common in science in practice. But as networks are increasing in size, common visualizations become less useful. There are simply too many nodes/vertices and links/edges. Often visualization efforts end up in producing &quot;hairballs&quot;.

Some new approaches have been proposed to overcome this issue, e.g.:

 - Edge bundling: 
  - http://vis.stanford.edu/papers/divided-edge-bundling or
  - https://gephi.org/tag/edge-bundling/
 - Hierarchial edge bundling:
  - http://graphics.cs.illinois.edu/sites/graphics.dev.engr.illinois.edu/files/edgebundles.pdf
 - Group Attributes Layout: 
  - http://wiki.cytoscape.org/Cytoscape_3/UserManual
  - https://stackoverflow.com/questions/16390221/how-to-make-grouped-layout-in-igraph

I am sure that there are many more approaches. Thus, my question is: 
**How to overcome the hairball issue, i.e. how to visualize large networks by using R?**

Here is some code that simulates an exemplary network:

    # Load packages
    lapply(c(&quot;devtools&quot;, &quot;sna&quot;, &quot;intergraph&quot;, &quot;igraph&quot;, &quot;network&quot;), install.packages)
    library(devtools)
    devtools::install_github(repo=&quot;ggally&quot;, username=&quot;ggobi&quot;)
    lapply(c(&quot;sna&quot;, &quot;intergraph&quot;, &quot;GGally&quot;, &quot;igraph&quot;, &quot;network&quot;), 
           require, character.only=T)
    
    # Set up data
    set.seed(123)
    g &lt;- barabasi.game(1000)
    
    # Plot data
    g.plot &lt;- ggnet(g, mode = &quot;fruchtermanreingold&quot;)
    g.plot

![enter image description here][1]

This questions is related to
https://stackoverflow.com/questions/238724/visualizing-undirected-graph-thats-too-large-for-graphviz. However, here I am searching not for general software recommendations but for **concrete examples (using the data provided above) which techniques help to make a good visualization of a large network by using R** (comparable to the examples in this thread: https://stackoverflow.com/questions/7714677/r-scatterplot-with-too-many-points). 
 


  [1]: http://i.stack.imgur.com/dXvVi.jpg

How to visualize a large network in R?

I use Intellij to inspect databases, run sql, view data in tables etc. This all works fine but the only thing I am missing is the ability to define these datasources once and view them in all my projects i.e. that I can share them between other projects and not have to redefine them for new projects. Is this possible in Intellij?

Content Type	Original Author	Original Content on Stackoverflow
Question	Raphael Jeger	View Question on Stackoverflow
Solution 1 - Facebook Opengraph	caligoanimus	View Answer on Stackoverflow
Solution 2 - Facebook Opengraph	Jason Sperske	View Answer on Stackoverflow

Use SVG as og:image

Facebook Opengraph Problem Overview

Facebook Opengraph Solutions

Solution 1 - Facebook Opengraph

Solution 2 - Facebook Opengraph

AngularJS event on window innerWidth size change

Why is there both a System.Net.Http and System.Web.Http namespace?

Attributions