So to explain simply i've this SVG circle element as so:
Mar 10, 2015 In relation to this, i'm just wondering how i'd do a semi-circle (arc) of circles instead of an entire circle? – Ben Connor Hansell Mar 30 '15 at 12:27.
}
it does the job it needs todo however i now need to create an abitrary amount of circles I.E 7, and position each so that they look like the outline of a circle.
so a circle made up of circles.
I just can't seem to understand how it works. Also an explanation or some guidance would go a long way!
2 Answers
This will draw satellite circles around a center-point
The key is to convert your calculated polar (angle,radius) coordinates to cartesian (x,y). See the added function polarToCartesian()
in the example below:
Not the answer you're looking for? Browse other questions tagged javascripthtmlsvg or ask your own question.
Provider of trusted Web Hosting, Virtual Private Servers, Dedicated Servers, Reseller Hosting and Domain Registrations services with hosting options in South Africa, UK, USA and Germany.
50/100
Normal result6
Successful tests2
Failed tests
First response
512 ms
Resources loaded
4.7 sec
Page rendered
568 ms
Total page load time
5.8 sec
Click here to check amazing CIRCLE content for South Africa. Otherwise, check out these important facts you probably never knew about circle.co.za
We analyzed Circle.co.za page load time and found that the first response time was 512 ms and then it took 5.3 sec to load all DOM resources and completely render a web page. This is a poor result, as 70% of websites can load faster.
HTML 40.3 kB Images 283.4 kB Javascripts 183.1 kB CSS 3.4 kB In fact, the total size of Circle.co.za main page is 510.3 kB. This result falls beyond the top 1M of websites and identifies a large and not optimized web page that may take ages to load. 30% of websites need less resources to load. Images take 283.4 kB which makes up the majority of the site volume.
HTML optimization
HTML content can be minified and compressed by a website’s server. The most efficient way is to compress content using GZIP which reduces data amount travelling through the network between server and browser. This page needs HTML code to be minified as it can gain 9.1 kB, which is 23% of the original size. It is highly recommended that content of this web page should be compressed using GZIP, as it can save up to 33.6 kB or 83% of the original size.
Image optimization
Image size optimization can help to speed up a website loading time. The chart above shows the difference between the size before and after optimization. CIRCLE images are well optimized though.
JavaScript optimization
It’s better to minify JavaScript in order to improve website performance. The diagram shows the current total size of all JavaScript files against the prospective JavaScript size after its minification and compression. It is highly recommended that all JavaScript files should be compressed and minified as it can save up to 130.8 kB or 71% of the original size.
CSS optimization
CSS files minification is very important to reduce a web page rendering time. The faster CSS files can load, the earlier a page can be rendered. Circle.co.za needs all CSS files to be minified and compressed as it can save up to 2.6 kB or 75% of the original size.
Network requests diagram
- circle.co.za
- www.circle.co.za
- stmenu.js
- ajax-tooltip.js
- dropinslideshow.js
- boxover.js
- circle.css
- tooltip.css
- menu.js
- stcode.js
- bg.png
- spacer.gif
- headerb.gif
- circle-logo.gif
- web-hosting.jpg
- grey-offer-top.gif
- more-info.png
- cpanel-greybg.gif
- more-info-grey-large.gif
- windows-greybg.gif
- point.png
- price-29.png
- price-55.png
- grey-offer-bot.gif
- sitebuilder-images-small.gif.jpg
- dedicated-servers.jpg
- tlc.gif
- trc.gif
- price-servers-135.png
- blc.gif
- brc.gif
- price-servers-999.png
- reason-value.png
- reason-1click.png
- reason-mail.gif
- suitebuilder.png
- reason-pie.gif
- reason-controlpanel.gif
- sidebar-get-started.jpg
- sidebar-contact.jpg
- sidebar-uptime.jpg
- best-hosting-price.png
- free-transfer.png
- web-hosting-support.png
- eft-payment.png
- steffie.js
- steffrect.js
- steffslip.js
- creditcard_visa.png
- creditcard_mastercard.png
- blank.gif
- bg_01.gif
- mnubg.gif
- mnubgmo.gif
- hosting-south-africa.jpg
- web-hosting-ad.jpg
- free-domain-registration.jpg
- titlebg.png
- grey-offer-bg.gif
- sidebar-bg.png
- footerbg.gif
- 6555.js
- ga.js
- __utm.gif
Our browser made a total of 64 requests to load all elements on the main page. We found that 95% of them (61 requests) were addressed to the original Circle.co.za, 3% (2 requests) were made to Google-analytics.com and 2% (1 request) were made to Dnn506yrbagrg.cloudfront.net. The less responsive or slowest element that took the longest time to load (1.6 sec) belongs to the original domain Circle.co.za.
Requests
The browser has sent 61 CSS, Javascripts, AJAX and image requests in order to completely render the main page of CIRCLE. We recommend that multiple CSS and JavaScript files should be merged into one by each type, as it can help reduce assets requests from 11 to 1 for JavaScripts and as a result speed up the page load time.
Javascripts
Images
CSS
All
Possible request optimization
Javascripts
Images
CSS
Optimized
All
As for redirects, our browser was forwarded to http://www.circle.co.za/ before it reached this domain.
IP address
Circle.co.za uses IP address which is currently shared with 1 other domain. The more sites share the same IP address, the higher the host server’s workload is. It is strongly recommended that the host server should be changed or the hosting provider should be requested to give a different (separate) IP address for this domain.
circle.co.za
169.239.180.6
DNS records
Type | Host | Target/ip | TTL | Other |
---|---|---|---|---|
A | circle.co.za | 169.239.180.6 | 14391 | |
NS | circle.co.za | ns1.host-ww.net | 86391 | |
NS | circle.co.za | ns2.host-ww.net | 86391 | |
SOA | circle.co.za | 86400 | Mname: ns1.host-ww.net Rname: notification.host-ww.net Serial: 2018103101 Refresh: 3600 Retry: 7200 Expire: 1209600 Minimum-ttl: 86400 | |
MX | circle.co.za | circle.co.za | 14400 | Pri: 0 |
Language
N/A
Claimed
Language claimed in HTML meta tag should match the language actually used on the web page. Otherwise Circle.co.za can be misinterpreted by Google and other search engines. Our service has detected that English is used on the page, and neither this language nor any other was claimed in <html> or <meta> tags. Our system also found out that Circle.co.za main page’s claimed encoding is iso-8859-1. Changing it to UTF-8 can be a good choice, as this format is commonly used for encoding all over the web and thus their visitors won’t have any troubles with symbol transcription or reading.
Similarly rated websites
HTTPS certificate
Circle.co.za has no SSL certificate. Web browsing can be safer with HTTPS connection, so we suggest that it should be obtained for this site.
Visitor World Map
Country of origin for 100% of all visits is South Africa. It’s good for Circle.co.za that their server is also located in South Africa, as that enables the majority of their visitors to benefit from a much faster page load time.
Ratings of similarly popular websites
Social Sharing Optimization
Open Graph description is not detected on the main page of CIRCLE. Lack of Open Graph description can be counter-productive for their social media presence, as such a description allows converting a website homepage (or other pages) into good-looking, rich and well-structured posts, when it is being shared on Facebook and other social media. For example, adding the following code snippet into HTML <head> tag will help to represent this web page correctly in social networks:
circle.co.za
Newly indexed topics